Visualization Charts¶

Guance is equipped with over 20 standardized visualization charts, allowing you to easily customize dashboards according to business needs. At the same time, by using advanced features such as view variables, data linkage between charts can be achieved, ensuring personalization and professionalism in data presentation.

Adding Charts¶

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¶

1. Common Charts

2. Time Series Chart: Displays trends of data over time.

   • Time series line chart
   • Time series bar chart
   • Time series area chart

3. Grouped Bar Chart: Used to show comparisons between items.

   • Grouped bar chart
   • Grouped column chart

4. Leaderboard: Displays rankings of grouped data over a period of time.

5. Pie Chart: Displays the proportion of data.

   • Pie chart
   • Donut chart
   • Rose chart

6. Overview Chart: Displays a key value or metric.

7. Table Chart

8. Grouped table chart: Displays metrics for different categories or groups.

9. Time series table chart: Displays trends of data changing over time.

10. Maps

11. China Map: Displays distribution across different geographical locations, indicating data size through color intensity.

12. World Map: Displays distribution across different geographical locations, indicating data size through color.

13. Scatter Plots

14. Scatter Plot: Displays data as points, showing relationships and influence between two variables.

15. Bubble Chart: Displays relationships and influence between three variables, representing the third variable by bubble size.

16. Distribution Charts

17. Cellular Map: Displays distributions of multiple datasets, indicating data size through block color intensity.

18. Topology Map: Displays relationships and relative positions between different entities.
19. Treemap: Displays proportions of different categories, effectively utilizing space compared to pie charts, and can display more data.
20. Histogram: Also known as a quality distribution chart, represents data distribution with a series of bars of varying heights.

21. Heatmap: Represents data density or intensity through color changes, typically using gradient colors to indicate different numerical ranges.

22. Other Charts

23. SLO: Requires selecting an already configured SLO monitoring to display related performance data.

24. Dashboard: Displays progress or completion status of metrics.
25. Funnel Chart: Displays conversion within business processes.

26. Sankey Diagram: A special flowchart used to display data or energy flow.

27. Advanced Charts

28. Log Stream Chart: Displays log data in a time-series table format, allowing customization of displayed log ranges and columns.

29. Object List Chart: Displays infrastructure data in a table format, including "basic objects" and "resource catalogs."
30. Alert Statistics Chart: Displays unresolved alert events in a list format, enabling quick identification and response to urgent system issues.
31. Monitor Summary: Automatically queries monitor events from the last 2 days and displays the latest trigger event status.
32. Text: Adds tips, explanations, and various content (such as text, images, and hyperlinks) in Markdown formatted documents.
33. Video: Displays video content on the dashboard by adding a video URL, enhancing information delivery effects.
34. Picture: Displays images on the dashboard, supports adding image URLs, and provides multiple image display options like fill, fit, stretch, and center.
35. Command Panel: Composed of command buttons, allows users to execute specific commands or navigate to designated links by clicking.
36. IFrame: Embeds external pages into the dashboard, supporting https and http links.

Chart Settings¶

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

Time Interval¶

The external time interval display of a chart is affected by the settings inside the chart > Advanced Settings > Time Interval.

Lock Time¶

Select the required data query time range in the time widget, save it, and the locked time will be displayed synchronously outside the chart.

Automatic Alignment¶

Adjusting the timeline aligns data collected at different time points or frequencies to the same time base.

In charts like time series, if the time interval is set to Automatic Alignment, after saving, the external chart will synchronously display the time interval option.

Combine Charts¶

The combine charts feature supports adding one or multiple charts and applying view variables from the current dashboard, enabling flexible filtering and comparison.

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

Share¶

Start Sharing¶

1. Click Settings > Share;
2. Select the chart query time;
3. Obtain the embed code;
4. The chart sharing is now successful.

The embed code will be generated based on the chart's query time. For example, if the chart query time is the last 15 minutes, then after embedding on another platform, the chart will display results for the last 15 minutes.

View Shared Charts¶

Shared charts are stored under Manage > Share Management > Shared Charts.

Export Charts¶

Click to export the chart as a PNG image.

Specific chart types such as time series charts, pie charts, leaderboards, bar charts, treemaps, etc., can also be exported as CSV files, meeting more data usage needs.

Analyze Charts¶

In the dashboard, click the Analyze button on the chart or double-click the blank area of the chart to zoom in for deeper insights. Hover over with the mouse to quickly view data information, select Timeline to view metric trends for a specific time range.

• When hovering over a certain timeline, if other charts have by grouping conditions and the same tags, relevant charts will highlight corresponding sections, facilitating correlation analysis;
• Clicking on the chart can view its DQL Query Statement, making it easier to understand the data logic behind the chart.

Similar Trend Metrics¶

Related Views¶

Clicking on a query can view associated analyses, such as logs, containers, processes, traces, etc.; if the chart query includes host (host) information and the grouping condition is by host, the host monitoring view can also be viewed.

Drill Down Analysis¶

Drill down analysis breaks down summarized data into finer granularities to pinpoint the exact location where problems occur.

1. Click to enter drill down analysis;
2. Box-select the target time region;
3. Click to start the search, and you can view the drill down labels and corresponding time series chart results within that region.

Root Cause Analysis¶

Through data association reasoning, identify the root cause of the problem. Root cause analysis supports analyzing disk utilization and memory utilization.