Como configurar um gráfico de linhas - Simple Log Service: Central de Documentação do Alibaba Cloud

Visão geral

O gráfico de linhas é um tipo de gráfico de análise de tendências. Ele mostra como um conjunto de dados varia ao longo de uma série de categorias ordenadas, geralmente intervalos de tempo contínuos. Isso facilita a identificação de tendências. Com esse tipo de gráfico, você observa claramente as mudanças dentro de um período específico, como:

Aumentos ou diminuições
Taxa de variação
Padrões, como alterações cíclicas
Picos e vales

Gráficos de linhas são ideais para analisar tendências de dados ao longo do tempo. Também é possível traçar várias linhas no mesmo gráfico para comparar diferentes conjuntos de dados no mesmo período. Essa abordagem ajuda a analisar como os conjuntos interagem entre si, por exemplo, se aumentam juntos, diminuem juntos ou apresentam relação inversa.

Para saber como adicionar um gráfico de linhas, consulte Adicionar um gráfico a um painel.

Exemplos

Tipo de gráfico de linhas	Exemplo	Link relacionado
Gráfico de linhas básico		Gráfico de linhas básico
Gráfico de linhas com múltiplos eixos		Configurar um gráfico de linhas com múltiplos eixos
Data Completion		Configurar substituição de valores ausentes em um gráfico de linhas

Exemplo de configuração

Gráfico de linhas básico

Faça login no console do Simple Log Service. Na seção Projects, clique em o projeto desejado.
No painel de navegação à esquerda, escolha Dashboard > Dashboards. Na lista Dashboard, clique em o painel desejado. No canto superior direito da página do painel, clique em Edit. No modo de edição, escolha Add > Add Chart.
No painel General Configurations, em Chart Type, selecione o ícone . Em seguida, insira uma instrução de consulta e clique em Last 15 Minutes para especificar um intervalo de tempo.

Por exemplo, a instrução de consulta para a Consulta A é:
```
* | select __time__,count(request_url) as pv group by __time__
```
Na seção Query and Analysis Configurations à direita, defina x-axis Field como __time__ e selecione pv para y-axis Field.

Outras configurações

Configuração	Descrição	Exemplo
Configurar os eixos x e y	Formatar o eixo x facilita a visualização de dados de log em um painel do Simple Log Service dentro de um período específico, como por hora, dia, semana ou mês. Definir limiares no eixo y ajuda a identificar rapidamente pontos de dados anormais ou fora do intervalo esperado e a receber alertas sobre eles. Esse recurso é útil para monitorar o desempenho do sistema, identificar anomalias e realizar análises preditivas, pois você recebe alertas automáticos quando os dados saem do intervalo definido. Para mais informações, consulte Configurar os eixos x e y para um gráfico de linhas.
Configurar aliases e cores para um gráfico de linhas com múltiplos eixos	Em um gráfico de linhas com múltiplos eixos, onde várias linhas representam diferentes séries de dados, definir aliases e cores exclusivos ajuda a distingui-las. Isso é especialmente útil quando o gráfico contém muitas séries de dados. Para mais informações, consulte Configurar aliases e cores para um gráfico de linhas com múltiplos eixos.
Configurar definições de tipo de gráfico para um gráfico de linhas com múltiplos eixos (ponto, linha, coluna)	Em um gráfico de linhas com múltiplos eixos, é possível usar pontos, linhas e colunas para representar diferentes dados: Ponto: Pontos marcam valores de dados específicos, facilitando a comparação de valores exatos e suas diferenças. Linha: Linhas mostram tendências dos dados. Elas exibem como as métricas mudam ao longo do tempo ou de outra variável, ajudando a entender as tendências e suas relações. Coluna: Colunas servem para comparar e contrastar dados. A altura e a largura das colunas podem representar valores de métricas, permitindo uma comparação visual direta de suas magnitudes e diferenças. Para mais informações, consulte Configurar definições de tipo de gráfico para um gráfico de linhas com múltiplos eixos.

General Configurations

A aba General Configurations fornece configurações globais para o gráfico de linhas.

Configurações básicas

Parâmetro	Descrição
Title	Título do gráfico de linhas.
Display Title	Ao ativar a chave Display Title, o título é exibido no gráfico de linhas.
Display Border	Ao ativar a chave Show Border, uma borda é exibida no gráfico de linhas.
Display Background	Ao ativar a chave Show Background, o gráfico de linhas exibe uma cor de fundo.
Display Time	Ao ativar a chave Show Time, o horário da consulta é exibido no gráfico de linhas.
Fixed Time	Ao ativar a chave Fixed Time, o intervalo de tempo da análise de consulta fica fixo e não é afetado pelo tempo global do painel.

Configurações padrão

Parâmetro	Descrição
Format	Formato de exibição para valores numéricos.
Unit	Unidade para valores numéricos.
Decimal Places	Número de casas decimais a serem exibidas para valores numéricos.
Display Name	Altera o nome da legenda. Se você definir um nome de exibição, todos os itens da legenda no gráfico serão renomeados para esse valor. Para modificar o nome de um item específico da legenda, use a aba Field Configuration.
Color Scheme	Selecione um esquema de cores para o fundo do gráfico e a legenda. Built-in: Usa o esquema de cores padrão. Solid: Usa uma única cor selecionada por você.

Configurações de consulta e análise

Parâmetro

Descrição

x-axis Field

Selecione um campo para o eixo x.

Por padrão, o Simple Log Service seleciona automaticamente um campo para o eixo x.

y-axis Field

Selecione um ou mais campos para o eixo y.

Por padrão, o Simple Log Service seleciona automaticamente campos para o eixo y.

Configuração de dados

Parâmetro	Descrição
Data Completion	Ao ativar Data Completion, o Simple Log Service inicia o preenchimento de dados a partir do primeiro dado, de acordo com a janela de preenchimento.
Completion Window	Janela de tempo para preencher dados ausentes. O valor mínimo é 10 segundos. Por padrão, o Simple Log Service determina automaticamente a janela de preenchimento.
Completion Value	Valor usado para preencher pontos de dados ausentes. O valor padrão é 0.

Configurações de legenda

Parâmetro	Descrição
Display Legend	Ao ativar a chave Show Legend, a legenda é exibida no gráfico de linhas.
Legend Position	Posição da legenda.
Actions	Comportamento ao clicar em um item da legenda. Single: Ao clicar em um item da legenda, apenas os dados desse item são exibidos. Switch: Clique em um item da legenda para ocultar seus dados. Clique novamente para mostrá-los.
Maximum Width (Height)%	Largura e altura máximas da legenda.

Tooltip

Parâmetro	Descrição
Sort By	Método de classificação dos dados.
Modo de exibição	Todos Único
Informações adicionais	Adiciona informações personalizadas ao tooltip. É possível adicionar um item para cada consulta. Use a sintaxe `${{field}}` para referenciar um valor dos resultados da consulta.

Eixo x

Parâmetro	Descrição
Display x-axis	Ao ativar a chave Show x-axis, o eixo x é exibido no gráfico de linhas.
x-axis Title	Título do eixo x.
x-axis Height	Altura do eixo x. Por padrão, o Simple Log Service define automaticamente a altura do eixo x.
Format	Selecione um formato para aplicar aos valores de tempo no eixo x.
Drag and Zoom	Global Único

Eixo y

Parâmetro	Descrição
Display y-axis	Ao ativar a chave Show y-axis, o eixo y é exibido no gráfico de linhas.
y-axis Title	Título do eixo y.
y-axis Position	Posição do eixo y.
Stack	Se esta opção estiver ativada, os dados do eixo y são empilhados.
y-axis Width	Largura do eixo y. Por padrão, o Simple Log Service define automaticamente a largura do eixo y.
Maximum Value	Valor máximo para o eixo y. Por padrão, o Simple Log Service define automaticamente o valor máximo do eixo y.
Minimum Value	Valor mínimo para o eixo y. Por padrão, o Simple Log Service define automaticamente o valor mínimo do eixo y.
Elastic Maximum Value	Valor máximo elástico para o eixo y. Esta configuração se aplica apenas se todos os valores do eixo y forem menores que este valor. Por padrão, o Simple Log Service define automaticamente o valor máximo elástico do eixo y.
Elastic Minimum Value	Valor mínimo elástico para o eixo y. Esta configuração se aplica apenas se todos os valores do eixo y forem maiores que este valor. Por padrão, o Simple Log Service define automaticamente o valor mínimo elástico do eixo y.
y-axis ID	ID do eixo y. Geralmente, esse parâmetro não é necessário no painel General Configurations. Para definir múltiplos eixos y, configure-os na aba Field Configuration. O ID do eixo y pode ser qualquer string. Usar IDs diferentes cria eixos y separados no gráfico. Para mais informações, consulte Adicionar um gráfico de linhas com múltiplos eixos y. A configuração y-axis ID tem prioridade maior que a configuração Unit na seção Standard Configurations. Por exemplo, se dois eixos y tiverem a mesma unidade, eles serão mesclados em um só. No entanto, se tiverem a mesma unidade, mas IDs diferentes, serão exibidos como dois eixos y separados.

Configurações do gráfico

Parâmetro	Descrição
Chart Type	Tipo do gráfico de linhas.
Connection Mode	Estilo de conexão das linhas no gráfico.
Line Width	Largura das linhas.
Display Point	Define se os pontos devem ser exibidos nas linhas.
Transparency	Transparência do gráfico de linhas.
Point Size	Tamanho dos pontos no gráfico.
Gradient Mode	Estilo de gradiente de preenchimento para a área abaixo da linha. Transparency: O preenchimento baseia-se na cor da linha e é afetado pela configuração Transparency. No Gradient: Nenhum gradiente é usado. A área é preenchida com a cor da linha.

Limiares

Parâmetro	Descrição
Upper Boundary	Selecione a linha de limite superior.
Lower Boundary	Selecione a linha de limite inferior.
Boundary Fill Color	Cor de preenchimento.
Boundary Fill Color Opacity	Opacidade da cor.

Substituição de variáveis

Parâmetro	Descrição
Variable substitution	A substituição de variáveis adiciona um filtro do tipo variável ao gráfico. Após a configuração em General configurations, um filtro aparece no canto superior esquerdo do gráfico. Ao selecionar um valor, o Simple Log Service substitui a variável na instrução de consulta e executa a análise novamente. Exemplo 2: Definir substituição de variáveis.

Link de documentação

Parâmetro	Descrição
Add Documentation Link	Permite adicionar um link de documentação personalizado ou uma descrição. As informações são exibidas no canto superior direito do gráfico de linhas.

Field Configuration

A aba Field Configuration permite aplicar configurações de visualização personalizadas aos resultados de uma consulta inteira ou a uma única série de dados dentro dos resultados. Para descrições dos parâmetros de configuração, consulte General Configurations.

Por exemplo, A > pv permite configurar definições para o campo pv da Consulta A, enquanto B permite configurar definições para todos os resultados da Consulta B. Nesse caso, a linha verde representa o campo pv da Consulta A, e a linha azul representa os resultados da Consulta B. É possível definir a largura da linha verde como 6 e a da linha azul como 2.

Na aba Field Configuration, também é possível definir o Axis ID (eixo esquerdo ou direito), Axis Position e Unit para criar um gráfico com eixos y duplos.

Eventos de interação

A aba Interaction Occurrences permite configurar ações de drill-down para uma série de dados específica ou para os resultados de uma consulta inteira. As ações suportadas incluem Open Logstore, Open Saved Search, Open Dashboard, Open Trace Analysis, Open Trace Details e Create Custom HTTP URL. Para mais informações, consulte Adicionar eventos interativos a um painel para análise de drill-down.

Por exemplo, selecionar A > pv permite configurar um evento interativo para o campo pv da Consulta A. Se você definir o evento como Open Logstore para o campo pv, clicar em qualquer ponto da linha verde e depois em Open Logstore levará você ao Logstore especificado.

Exemplo: estilos de gráfico de linhas

Para mais informações sobre como configurar cores de campos, consulte Field Configuration.

* | select __time__ - __time__ % 60 as time, COUNT(*) as line1, COUNT(*) -20 as line2,   COUNT(*) - 40 as line3 GROUP BY time order by time limit 100

Na seção Query and Analysis Configurations à direita, defina x-axis Field como time e selecione line1, line2 e line3 para y-axis Field.