Skip to content

Visualization Charts


Guance provides over 20 standardized visualization charts, allowing you to easily customize dashboards according to your business needs. Additionally, using advanced features such as view variables can achieve data interactivity between charts, ensuring personalized and professional data presentation.

Adding a Chart

  1. Enter the dashboard page;
  2. Start adding a chart;
  3. Select the type of chart to add;
  4. Click create to complete the addition.

Chart Types

Common Charts

  • Time Series Chart: Used to display data trends over time

    • Time series line chart
    • Time series bar chart
    • Time series area chart
  • Grouped Bar Chart: Used to show comparisons between items

    • Grouped bar chart
    • Grouped bar chart (horizontal)
  • Top List: Used to display ranking of grouped data over a period of time

  • Pie Chart: Used to show the proportion of data

    • Pie chart
    • Donut chart
    • Rose chart
  • Summary Chart: Used to display a key value or metric

Table Chart

  • Grouped table chart: Displays metrics for different categories or groups
  • Time series table chart: Displays data trends over time

Maps

  • China Map: Used to display distribution across different geographic locations, with colors indicating data size
  • World Map: Used to display distribution across different geographic locations, with colors indicating data size

Scatter Plots

  • Scatter Plot: Displays data as points to show relationships between two variables and their impact
  • Bubble Chart: Displays relationships between three variables, with bubble size indicating the third variable

Distribution Charts

  • Cellular Map: Displays distribution of multiple datasets, with color intensity indicating data size
  • Topology Map: Shows relationships and relative positions between different entities
  • Treemap: Displays proportions of different categories, effectively utilizing space to show more data compared to pie charts
  • Histogram: Also known as a frequency distribution chart, it shows data distribution through bars of varying heights
  • Heatmap: Uses color gradients to represent data density or intensity, typically showing different numerical ranges

Other Charts

  • SLO: Requires selecting a pre-configured SLO monitoring to display related performance data
  • Dashboard: Used to display progress or completion status of metrics
  • Funnel Chart: Used to display conversion rates in business processes
  • Sankey Diagram: A special type of flowchart used to show data or energy flow

Advanced Charts

  • Log Stream Chart: Displays log data in a time series table format, customizable for displaying log ranges and columns
  • Object List Chart: Displays infrastructure data in a table format, including "base objects" and "resource catalog"
  • Alert Statistics Chart: Displays unresolved alert events in a list format, enabling quick identification and response to system issues
  • Text: Adds prompts, explanations, and various content like text, images, and hyperlinks in Markdown-formatted documents
  • Video: Embeds video content in dashboards by adding video URLs, enhancing information delivery
  • Image: Displays images in dashboards, supports embedding image URLs with options like fill, fit, stretch, and center
  • Command Panel: Composed of command buttons, allows users to execute specific commands or navigate to specified links
  • IFrame: Embeds external pages in dashboards, supporting https and http links

Chart Settings

  • Modify: Edit chart configuration;
  • Combine Charts;
  • Copy: Copies all configurations of the chart; can be used in current or other dashboards, notes;
  • Clone: Directly clones the chart to the current dashboard;
  • Delete: Deletes the current chart;
  • Share: Share the current chart externally

Time Interval

Lock Time

If "Last 15 minutes" is selected in the lock time setting;

When previewing the chart, the selected locked time will appear in the top right corner of the chart.

Auto Align

If "Auto Align" is selected in the time interval setting;

When previewing the chart, the time interval option will appear in the top right corner of the chart.

Combine Charts

The combine charts feature allows users to add single charts or integrate multiple charts. It also enables the selection of view variables from the current dashboard to filter data flexibly on combined charts.

  1. Click modify to enter the chart combination configuration page;
  2. Define the title of the combined chart;
  3. Configure variables for the combined chart;
  4. Select charts;
  5. Click confirm.

Share

Start Sharing

  1. Click settings > share;
  2. Choose the chart query time;
  3. Get the embed code;
  4. The chart sharing is now successful.

Guance generates the embed code based on the chart query time. For example, if the chart query time is the last 15 minutes, the embedded platform will display results for the last 15 minutes.

Note:

  • If the chart has a locked time, the chart query time will display as the locked time and cannot be changed;
  • The width and height of the shared chart default to the dimensions in the view, but the embed code can be modified;
  • If the chart is associated with view variables, it shares the chart based on the currently selected view variables, such as the currently selected host if associated with host.

View Shared Charts

Guance stores all shared charts in Management > Share Management > Shared Charts.

Export Charts

Click to export the chart as a PNG image.

Among them, time series charts, pie charts, top lists, bar charts, treemaps can also be exported as CSV files.

Analyze Charts

In the dashboard, clicking the Analyze button on the chart or double-clicking an empty area of the chart can zoom in for detailed viewing and analysis. You can hover over the chart to view data information or select Timeline to view metric trends within a specific time range.

  • When hovering over a particular time series in the chart, if other charts have grouping conditions with the same tags, they will highlight corresponding sections;
  • Clicking a chart displays the DQL Query Statement.

Similar Trend Metrics

  • Clicking a query allows you to view related analyses, such as logs, containers, processes, traces, etc.

  • When the chart query includes host (host) information and the grouping condition selects by host, you can also view related host monitoring views.

Drill-down Analysis

To uncover root causes of events and achieve more precise data analysis and troubleshooting, you can perform drill-down analysis on all metric data.

Click into Drill-down Analysis, select the target time range, and click Start Search to present drill-down analysis results. In the query results, you can view the first-level labels and corresponding time series analysis for that time range.

Note: Drill-down analysis only supports simple queries.

Root Cause Analysis

To accurately identify the root cause of business logic issues, you can use the root cause analysis feature to quickly pinpoint the source of faults. Currently, root cause analysis supports analyzing disk usage and memory usage.

Note: Root cause analysis only supports simple queries.

Feedback

Is this page helpful? ×