Todos os produtos
Search

Este produto

    Simple Log Service:Adicionar um gráfico de linhas com múltiplos eixos Y

    Central de documentação

    Simple Log Service:Adicionar um gráfico de linhas com múltiplos eixos Y

    Última atualização: Jun 23, 2026

    Use múltiplos eixos Y em um gráfico de linhas para exibir diferentes tipos de dados ou dados com escalas significativamente diferentes no mesmo gráfico. Este tópico descreve como criar esse tipo de gráfico.

    Pré-requisitos

    Informações gerais

    Um gráfico de linhas com múltiplos eixos Y exibe claramente as tendências de variação para dados com escalas muito diferentes que um único eixo Y não consegue representar de forma eficaz. Este tópico usa logs de acesso ao site da Empresa A como exemplo. As informações do recurso e a amostra de log são as seguintes:

    • Informações do recurso

      • Projeto: test-demo

      • LogStore: website_log

      • Painel: website

    • Amostra de log日志样例

    Cenário de análise com consulta única

    Acompanhe os volumes de solicitações das regiões China (Xangai) e China (Hangzhou) e exiba suas tendências de variação em um gráfico de linhas. A linha azul mostra a tendência das solicitações de Xangai. A linha verde mostra a tendência das solicitações de Hangzhou.

    1. Adicionar um gráfico estatístico

    Na página do painel de destino, clique em Edit. No modo de edição, clique em Add > Add Chart.

    image

    2. Configurar o gráfico estatístico

    1. Definir configurações gerais: Conforme mostrado na figura a seguir, no lado direito da página, defina o Chart Type e as Query and Analysis Configurations. No lado esquerdo, configure o intervalo de tempo, o LogStore e a instrução de consulta e análise. Em seguida, clique em Apply na parte superior da página para visualizar o gráfico.

      * | select __time__ - __time__ % 60 as time, count_if(region='cn-shanghai') AS count1, count_if(region='cn-hangzhou') AS count2 GROUP BY time order by time

      image

    2. Definir o eixo Y: Como os volumes de solicitações das duas regiões diferem muito, o uso de um único eixo Y torna a tendência das solicitações de Hangzhou pouco clara. Use Field Configuration para adicionar um segundo eixo Y no lado direito do gráfico, com escala adequada para os volumes de solicitações de Hangzhou.

      image

    3. Visualizar o resultado: O gráfico de linhas agora tem dois eixos Y com escalas diferentes. O eixo Y esquerdo se ajusta aos volumes de solicitações de Xangai. O eixo Y direito se ajusta aos volumes de solicitações de Hangzhou, conforme mostrado na figura a seguir.

      双Y轴线图

    4. Salvar o gráfico e o painel: No canto superior direito da página de edição do gráfico, clique em OK para salvar o gráfico. Na página de edição do painel, clique em Save no canto superior direito para salvar o painel.

    Cenários de múltiplas consultas e análises

    Cenário com duas consultas e análises

    Acompanhe os volumes de solicitações bem-sucedidas e com falha por minuto e exiba suas tendências de variação em um gráfico de linhas. A linha azul mostra as solicitações bem-sucedidas. A linha verde mostra as solicitações com falha.

    1. Adicionar um gráfico estatístico

    Na página do painel de destino, clique em Edit. No modo de edição, clique em Add > Add Chart.

    2. Configurar o gráfico estatístico

    1. Definir configurações gerais: No lado direito da página, defina o Chart Type como Line Chart Pro. No lado esquerdo, configure o intervalo de tempo, o LogStore e as instruções de consulta e análise. Em seguida, clique em Apply na parte superior da página para visualizar o gráfico.

      多Y轴线图

      Consulta e análise A: contar solicitações bem-sucedidas por minuto.

      status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS OK GROUP BY Time ORDER BY Time LIMIT 1000

      Consulta e análise B: contar solicitações com falha por minuto.

      NOT status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS ERROR, status GROUP BY Time, status ORDER BY Time LIMIT 1000

    2. Definir o eixo Y: Como os volumes de solicitações bem-sucedidas e com falha diferem muito, o uso de um único eixo Y torna a tendência das solicitações com falha pouco clara. Use Field Configuration para adicionar um novo eixo Y no lado direito do gráfico para as solicitações com falha (ERROR).

      多Y轴线图

    3. Visualizar o resultado: O gráfico de linhas tem dois eixos Y com escalas diferentes. O eixo Y esquerdo se ajusta aos volumes de solicitações bem-sucedidas. O eixo Y direito se ajusta aos volumes de solicitações com falha, conforme mostrado na figura a seguir.

      多Y轴线图

    4. Salvar o gráfico e o painel: No canto superior direito da página de edição do gráfico, clique em OK para salvar o gráfico. Na página de edição do painel, clique em Save no canto superior direito para salvar o painel.

    Cenário com três consultas e análises

    Acompanhe os volumes de solicitações por minuto, categorizados por duração da solicitação (10 a 50 segundos em azul, 50 a 100 segundos em verde, acima de 100 segundos em amarelo) e exiba suas tendências de variação em um gráfico de linhas.

    1. Adicionar um gráfico estatístico

    Na página do painel de destino, clique em Edit. No modo de edição, clique em Add > Add Chart.

    2. Configurar o gráfico estatístico

    1. Definir configurações gerais: No lado direito da página, defina o Chart Type como Line Chart Pro. No lado esquerdo, configure o intervalo de tempo, o LogStore e as instruções de consulta e análise. Em seguida, clique em Apply na parte superior da página para visualizar o gráfico.

      多Y轴线图

      • Consulta e análise A: contar solicitações com duração entre 10 e 50 segundos.

        request_time in [10 50) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count1, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

      • Consulta e análise B: contar solicitações com duração entre 50 e 100 segundos.

        request_time in [50 100) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count2, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

      • Consulta e análise C: contar solicitações com duração igual ou superior a 100 segundos.

        request_time >= 100 | SELECT __time__-__time__ % 60 AS Time, count(1) AS count3, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

    2. Definir o eixo Y: Como os volumes de solicitações variam muito de acordo com a duração, o uso de um único eixo Y torna as tendências de count2 e count3 pouco claras. Use Field Configuration para adicionar um eixo Y para os resultados da consulta e análise B e outro para os resultados da consulta e análise C.

      null

      Ao adicionar dois ou mais eixos Y no mesmo lado, defina y-axis > y-axis ID para distingui-los.

      多Y轴线图

    3. Visualizar o resultado: O gráfico de linhas tem três eixos Y com escalas diferentes, cada um correspondendo a uma faixa de duração de solicitação diferente, conforme mostrado na figura a seguir.多Y轴线图

    4. Salvar o gráfico e o painel: No canto superior direito da página de edição do gráfico, clique em OK para salvar o gráfico. Na página de edição do painel, clique em Save no canto superior direito para salvar o painel.

    Referências

    • Ao adicionar um gráfico estatístico, é necessário configurar uma instrução de consulta e análise. Para obter mais informações, consulte Consulta e análise.

    • Para obter descrições de métricas ao configurar campos de gráfico, consulte Configuração de campo.