Visualization Charts¶

Guance is equipped with over 20 standardized visualization charts, allowing you to easily customize dashboards according to your 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 you want to add;
4. Click create, and the addition is complete.

Chart Types¶

1. Common Charts

2. Time Series: Used to display the trend changes 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 various items

   • Grouped bar chart
   • Grouped column chart

4. Top List: Used to display the ranking situation of grouped data within a certain period

5. Pie Chart: Used to display the proportion relationship of data

   • Pie chart
   • Donut chart
   • Rose chart

6. Summary Chart: Used to display a key numerical value or metric

7. Table Chart

8. Grouped table chart: Displays different categories or grouped data metrics

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

10. Maps

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

12. World Map: Used to display data distribution across different geographical locations, indicated by color

13. Scatter Plots

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

15. Bubble Chart: Used to display relationships and influence between three variables, with the size of the bubble representing the third variable

16. Distribution Charts

17. Cellular Map: Used to display the distribution of multiple sets of data, indicated by color block intensity

18. Topology Map: Used to display the relationships and relative positions between different entities
19. Treemap: Used to display the proportion of different categories, effectively utilizing space and showing more data compared to pie charts
20. Histogram: Also known as quality distribution charts, represented by a series of bars indicating data distribution

21. Heatmap: Indicates data density or intensity through color intensity, usually using gradients to represent different value ranges

22. Other Charts

23. SLO: Directly selects pre-configured SLO monitoring to display related performance data

24. Dashboard: Used to display the progress or completion status of metrics
25. Funnel Chart: Used to display conversion rates in business processes

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

27. Advanced Charts

28. Log Stream: Displays log data in the form of a time series table chart, allowing customization of the displayed log range and columns

29. Object List: Displays infrastructure data in the form of a table chart, including "basic objects" and "resource catalogs"
30. Alert Statistics: Displays unresolved alert events in list form, enabling quick identification and response to urgent issues in the system
31. Monitor Summary: Automatically queries monitor events from the last 2 days and displays the latest triggered event status
32. Text: Used to add tips, descriptions, and various content in Markdown formatted documents, such as text, images, and hyperlinks
33. Video: In dashboards, video content can be displayed by adding video addresses, enhancing information delivery effects
34. Picture: Displays pictures in dashboards, supports displaying through adding picture addresses, and provides multiple picture display options, such as fill, fit, stretch, and center
35. Command Panel: Composed of command buttons, allowing users to execute specific commands or jump to specified links by clicking
36. IFrame: Used to embed external pages in dashboards, supporting https and http links

Chart Settings¶

Included in the dashboard page, for external related settings of charts.

• Modify: Edit chart configurations;
• 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: Shares the current chart externally

Time Interval¶

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

Lock Time¶

In the time widget, select the data query time range as needed, after saving, the external chart will synchronously display the locked time.

Auto Align¶

This adjusts the timeline to align data collected at different time points or frequencies to the same time baseline.

In time series charts and others, if the time interval is set to Auto Align, after saving, the external chart will synchronously display the time interval option.

Combine Charts¶

The combine charts feature allows users to add one or multiple charts and apply 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 combined chart;
3. Configure variables for this combined chart;
4. Select charts;
5. Click confirm.

Share¶

Start Sharing¶

1. Click settings > share;
2. Select chart query time;
3. Get 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 the results of the last 15 minutes.

View Shared¶

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

Export Chart¶

Click to export the chart as a PNG image.

Specific chart types like time series charts, pie charts, top lists, bar charts, treemaps, etc., can also be exported as CSV files to meet more data usage needs.

Analyze Chart¶

In the dashboard, click the Analyze button on the chart or double-click the blank area of the chart to enlarge it for deeper insights. Hovering with the mouse allows quick viewing of data information, and selecting timeline enables viewing of metric trends within a specific time range.

• When hovering over a particular timeline, if other charts have grouping conditions by tags and matching tags, relevant charts will highlight corresponding sections, facilitating correlation analysis;
• Single-clicking the chart allows viewing its DQL Query Statement, aiding in understanding the data logic behind the chart.

Similar Trend Metrics¶

Related Views¶

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

Drill Down Analysis¶

Drill-down analysis breaks down aggregated data layer by layer into finer granularity to pinpoint the exact location where the issue occurs.

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

Root Cause Analysis¶

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