Tutorial: Criar um widget de insight personalizado

Este tutorial demonstra como usar suas próprias consultas de insight para criar widgets de insight personalizados.

Neste tutorial, você aprenderá a:

  • Executar sua própria consulta e exibi-la em um gráfico
  • Criar um widget de insight personalizado usando o gráfico
  • Adicionar o gráfico a um painel de servidor ou de banco de dados
  • Adicionar detalhes ao widget de insight personalizado

Pré-requisitos

Este tutorial requer o SQL Server ou o TutorialDB do Banco de Dados SQL do Azure. Para criar o banco de dados TutorialDB, siga um destes guias de início rápido:

Executar sua própria consulta e exibir o resultado em um gráfico

Nesta etapa, execute um script SQL para consultar as sessões ativas atuais.

  1. Para abrir um novo editor, pressione Ctrl + N.

  2. Altere o contexto de conexão para TutorialDB.

  3. Cole a consulta a seguir no editor de consultas:

    SELECT count(session_id) as [Active Sessions]
    FROM sys.dm_exec_sessions
    WHERE status = 'running'
    
  4. Salve a consulta no editor em um arquivo *.sql. Para este tutorial, salve o script como activeSession.sql.

  5. Para executar a consulta, pressione F5.

  6. Depois que os resultados da consulta forem exibidos, clique em Exibir como Gráfico e, em seguida, clique na guia Visualizador de Gráfico.

  7. Altere o Tipo de Gráfico para contagem. Essas configurações renderizam um gráfico de contagem.

Adicione o insight personalizado ao painel do banco de dados

  1. Para abrir a configuração do widget de insight, clique em Criar Insight no Visualizador de Gráfico:

    configuration

  2. Copie a configuração do insight (os dados JSON).

  3. Pressione Ctrl + vírgula para abrir as Configurações do Usuário.

  4. Digite dashboard nas Configurações de Pesquisa.

  5. Clique em Editar para dashboard.database.widgets.

    dashboard settings

  6. Cole do JSON de configuração do insight em dashboard.database.widgets. As configurações do painel do banco de dados são parecidas com as seguintes:

     "dashboard.database.widgets": [
         {
             "name": "My-Widget",
             "gridItemConfig": {
                 "sizex": 2,
                 "sizey": 1
             },
             "widget": {
                 "insights-widget": {
                     "type": {
                         "count": {
                             "dataDirection": "vertical",
                             "dataType": "number",
                             "legendPosition": "none",
                             "labelFirstColumn": false,
                             "columnsAsLabels": false
                         }
                     },
                     "queryFile": "{your file folder}/activeSession.sql"
                 }
             }
         }
     ]
    
  7. Salve o arquivo Configurações do Usuário e abra o painel do banco de dados TutorialDB para ver o widget de sessões ativas:

    activesession insight dashboard

Adicionar detalhes ao insight personalizado

  1. Para abrir um novo editor, pressione Ctrl + N.

  2. Altere o contexto de conexão para TutorialDB.

  3. Cole a consulta a seguir no editor de consultas:

     SELECT session_id AS [SID], login_time AS [Login Time], host_name AS [Host Name], program_name AS [Program Name], login_name AS [Login Name]
     FROM sys.dm_exec_sessions
     WHERE status = 'running'
    
  4. Salve a consulta no editor em um arquivo *.sql. Para este tutorial, salve o script como activeSessionDetail.sql.

  5. Pressione Ctrl + vírgula para abrir as Configurações do Usuário.

  6. Edite o nó dashboard.database.widgets existente em seu arquivo de configurações:

     "dashboard.database.widgets": [
         {
             "name": "My-Widget",
             "gridItemConfig": {
                 "sizex": 2,
                 "sizey": 1
             },
             "widget": {
                 "insights-widget": {
                     "type": {
                         "count": {
                             "dataDirection": "vertical",
                             "dataType": "number",
                             "legendPosition": "none",
                             "labelFirstColumn": false,
                             "columnsAsLabels": false
                         }
                     },
                     "queryFile": "{your file folder}/activeSession.sql",
                     "details": {
                         "queryFile": "{your file folder}/activeSessionDetail.sql",
                         "label": "SID",
                         "value": "Login Name"
                     }
                 }
             }
         }
     ]
    
  7. Salve o arquivo Configurações do Usuário e abra o painel do banco de dados TutorialDB. Clique no botão de reticências (...) ao lado de Meu Widget para mostrar os detalhes:

    activesession insight detail

Próximas etapas

Neste tutorial, você aprendeu a:

  • Executar sua própria consulta e exibi-la em um gráfico
  • Criar um widget de insight personalizado usando o gráfico
  • Adicionar o gráfico a um painel de servidor ou de banco de dados
  • Adicionar detalhes ao widget de insight personalizado

Para saber como fazer backup e restaurar bancos de dados, conclua o próximo tutorial: