Renderizador de barra composto

  • Artigo

Com as Pastas de Trabalho do Azure, os dados podem ser renderizados usando a barra composta. Esta barra é composta por várias barras.

A imagem a seguir mostra a barra composta para o status do banco de dados. Ele mostra quantos servidores estão online, offline e em um estado de recuperação.

Screenshot that shows the composite bar for database status.

O renderizador de barra composto é suportado para visualizações de grade, bloco e gráfico.

Adicionar o renderizador de barra composto

  1. Mude a pasta de trabalho para o modo de edição selecionando Editar.

  2. Selecione Adicionar>consulta.

  3. Defina Fonte de dados como JSON e Visualização como Grid.

  4. Adicione os seguintes dados JSON:

    [
    {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
    {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
    {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
    {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
]

  5. Executar a consulta.

  6. Selecione Configurações de coluna para abrir o painel de configurações.

  7. Em Colunas, selecione total. Para Renderizador de coluna, selecione Composite Bar.

  8. Em Configurações da barra composta, defina as seguintes configurações:

    Nome da Coluna Cor
    Online Verde
    Recuperação Yellow
    fora de linha Vermelho (brilhante)

  9. Em Label, insira ["online"] of ["total"] are healthy.

  10. Nas configurações de coluna para online, offline e recuperação, você pode definir o renderizador de coluna como Hidden (opcional).

  11. Selecione a guia Rótulos e atualize o rótulo para a coluna total como Database Status (opcional).

  12. Selecione Aplicar.

As configurações da barra composta serão parecidas com a seguinte captura de tela:

Screenshot that shows composite bar column settings with the preceding settings.

A barra composta com as configurações anteriores:

Screenshot that shows the composite bar.

Configurações da barra composta

Selecione o nome da coluna e a cor correspondente para renderizar a coluna nessa cor como parte de uma barra composta. Você pode inserir, excluir e mover linhas para cima e para baixo.

Label

O rótulo da barra composta é exibido na parte superior da barra composta. Você pode usar uma combinação de texto estático, colunas e parâmetros. Se Label estiver vazio, o valor das colunas atuais será exibido como o rótulo. No exemplo anterior, se deixarmos o campo Rótulo em branco, o valor do total de colunas será exibido.

Consulte as colunas com ["columnName"].

Consulte os parâmetros com {paramName}.

O nome da coluna e o nome do parâmetro diferenciam maiúsculas de minúsculas. Você também pode tornar os rótulos um link selecionando Tornar este item um link e, em seguida, adicionando configurações de link .

Agregação

As agregações são úteis para visualizações Árvore/Grupo por. Os dados de uma coluna para a linha do grupo são decididos pelo conjunto de agregação para essa coluna. Três tipos de agregações são aplicáveis para barras compostas: Nenhuma, Soma e Herdar.

Para adicionar as configurações Agrupar por:

  1. Em Configurações de coluna, vá para a coluna à qual você deseja adicionar configurações.
  2. Em Árvore/Agrupar por configurações, em Tipo de árvore, selecione Agrupar por.
  3. Selecione o campo pelo qual deseja agrupar.Screenshot that shows Group By settings.

None

A configuração Nenhum para agregação significa que nenhum resultado é exibido para essa coluna para as linhas do grupo.

Screenshot that shows the composite bar with the None setting for aggregation.

Sum

Se a agregação for definida como Soma, a coluna na linha do grupo mostrará a barra composta usando a soma das colunas usadas para renderizá-la. O rótulo utilizará igualmente a soma das colunas nele referidas.

No exemplo a seguir, online, offline e recuperação têm agregação máxima definida para eles e a agregação para a coluna total é Soma.

Screenshot that shows the composite bar with the Sum setting for aggregation.

Herdar

Se a agregação for definida como Herdar, a coluna na linha do grupo mostrará a barra composta usando a agregação definida pelos usuários para as colunas usadas para renderizá-la. As colunas usadas em Label também usam a agregação definida pelo usuário. Se o renderizador de coluna atual for Barra composta e for referido no rótulo (como total no exemplo anterior), Soma será usado como agregação para essa coluna.

No exemplo a seguir, online, offline e recuperação têm agregação máxima definida para eles e a agregação para a coluna total é Herdar.

Screenshot that shows the composite bar with the inherit setting for aggregation.

Classificação

Para visualizações em grade, a classificação das linhas da coluna com o renderizador de barras compostas funciona com base no valor que é a soma das colunas usadas para renderizar dinamicamente o computador da barra composta. Nos exemplos anteriores, o valor usado para classificar é a soma das colunas online, recuperando e offline dessa linha específica.

Visualizações de mosaico

Para criar um renderizador de barra composto para uma visualização de bloco:

  1. Selecione Adicionar>consulta.
  2. Altere a fonte de dados para JSON. Insira os dados do exemplo anterior.
  3. Altere a visualização para Tiles.
  4. Executar a consulta.
  5. Selecione Configurações de bloco.
  6. Em Campos mosaico, selecione Esquerda.
  7. Em Configurações de campo, defina as seguintes configurações:
    1. Coluna de uso: server
    2. Renderizador de coluna: Text
  8. Em Campos mosaico, selecione Parte inferior.
  9. Em Configurações de campo, defina as seguintes configurações:

    1. Coluna de uso: total

    2. Renderizador de coluna: Composite Bar

    3. Em Configurações da barra composta, defina as seguintes configurações:

      Nome da Coluna Cor
      Online Verde
      Recuperação Yellow
      fora de linha Vermelho (brilhante)

    4. Em Label, insira ["online"] of ["total"] are healthy.

  10. Selecione Aplicar.

Configurações da barra composta para blocos:

Screenshot that shows composite bar tile settings with the preceding settings.

A vista de barra composta para mosaicos com as definições anteriores terá o seguinte aspeto:

Screenshot that shows composite bar tiles.

Visualizações de gráficos

Para criar um renderizador de barras composto para uma visualização de gráfico (digite Hive Clusters):

  1. Selecione Adicionar>consulta.
  2. Altere a fonte de dados para JSON. Insira os dados do exemplo anterior.
  3. Altere a visualização para Graphs.
  4. Executar a consulta.
  5. Selecione Configurações do gráfico.
  6. Em Configurações de Formato do Nó, selecione Centralizar Conteúdo.
  7. Em Configurações de campo, defina as seguintes configurações:

    1. Coluna de uso: total

    2. Renderizador de coluna: Composite Bar

    3. Em Configurações da barra composta, defina as seguintes configurações:

      Nome da Coluna Cor
      Online Verde
      Recuperação Yellow
      fora de linha Vermelho (brilhante)

    4. Em Label, insira ["online"] of ["total"] are healthy.

  8. Em Configurações de layout, defina as seguintes configurações:
    1. Tipo de gráfico: Hive Clusters
    2. ID do nó: server
    3. Grupo por Campo: None
    4. Tamanho do nó: 100
    5. Margem entre hexágonos: 5
    6. Tipo de coloração: None
  9. Selecione Aplicar.

Configurações de barras compostas para gráficos:

Screenshot that shows composite bar graph settings with the preceding settings.

A visualização de barra composta para um gráfico com as configurações anteriores será semelhante a este exemplo:

Screenshot that shows composite bar graphs with hive clusters.

Próximos passos

Introdução às Pastas de Trabalho do Azure