Visualization Charts¶

Guance comes with dozens of standardized visualization charts, allowing you to easily customize dashboards according to your business needs. Meanwhile, by utilizing advanced features like view variables, data linkage between charts can be achieved, ensuring personalized and professional data presentation.

Add a Chart¶

1. Enter the dashboard page;

2. Start adding a chart;

3. Select the type of chart you need to add;

4. Click Create to complete the addition.

Chart Types¶

Common Charts

• Time Series Chart: Used to display the trend of data 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 Column Chart

• Top List: Used to display the ranking of grouped data over a period of time

• Pie Chart: Used to display the proportional relationship of data

  • Pie Chart

  • Doughnut Chart

  • Rose Chart

• Overview Chart: Used to display a key numerical value or metric

Table Chart

• Grouped Table Chart: Displays data metrics for different categories or groups

• Time Series Table Chart: Displays data trends over time

Maps

• China Map: Used to show distribution across different geographical locations, with color intensity indicating data size

• World Map: Used to show the distribution of data across different geographical locations, using color to represent data size

Scatter Plots

• Scatter Plot: Displays data as points, used to show the relationship between two variables and the degree of influence

• Bubble Chart: Used to show the relationship between three variables and the degree of influence, with bubble size representing the third variable

Distribution Charts

• Cellular Map: Used to display the distribution of multiple sets of data, with the color intensity of the cells indicating data size

• Topology Map: Used to show the relationships and relative positions between different entities

• Treemap: Used to display the proportion of different categories, making efficient use of space and showing more data compared to pie charts

• Histogram: Also known as a mass distribution chart, it uses a series of columns of varying heights to represent data distribution

• Heatmap: Uses color intensity changes to represent data density or intensity, typically using a gradient to represent different value ranges

Other Charts

• SLO: Requires directly selecting a pre-configured SLO monitor to display related performance data

• Gauge: Used to display the progress or completion status of a metric

• Funnel Chart: Used to show conversion rates in a business process

• Sankey Diagram: A special type of flow diagram used to show the flow of data or energy

Advanced Charts

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

• Object List Chart: Displays infrastructure data in the form of a table chart, including "Basic Objects" and "Resource Catalog"

• Alert Statistics Chart: Displays unrecovered alert events in a list format for quick identification and response to urgent system issues

• Monitor Summary: Automatically queries monitor events from the last 2 days and displays the status of the most recently triggered event for each monitor

• Text: Used to add prompts, descriptions, and various content such as text, images, and hyperlinks in Markdown format documents

• Video: Videos can be displayed in dashboards by adding a video URL, enhancing information delivery

• Picture: Displays images in dashboards, supports adding image URLs, and provides various image display options such as fill, fit, stretch, and center

• Command Panel: Composed of command buttons, allowing users to execute specific commands or jump to specified links by clicking

• IFrame: Used to embed external pages in dashboards, supports https and http links

Chart Settings¶

Includes external related settings for charts on the dashboard page.

• Modify: Edit chart configuration;

• Combine Charts;

• Copy: Copies all configurations of this chart; can be used in current or other dashboards, notes;

• Clone: Directly clones this chart to the current dashboard;

• Delete: Deletes the current chart;

• Share: Share the current chart externally.

Time Interval¶

The external display of the chart's time interval is affected by the settings in the chart's internal > Advanced Settings > Time Interval.

Lock Time¶

Enter the chart editing page, select the time range for data query in the time widget as needed. After saving, the locked time will be displayed synchronously outside the chart.

Auto Alignment¶

Adjusts the timeline to align data collected at different time points or frequencies to the same time基准.

In time series charts and others, if the time interval is set to Auto Alignment, after saving, the time interval option will be displayed synchronously outside the chart.

Combine Charts¶

The combine charts mode supports adding single or multiple charts, can apply dashboard view variables, enabling flexible filtering and combined 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 charts;

5. Confirm.

Share¶

Start Sharing¶

1. Click Settings > Share;

2. Select the chart query time;

3. Get the embed code;

4. The chart is now successfully shared.

The embed code is generated based on the chart's query time. For example, if the chart query time is the last 15 minutes, after embedding into other platforms, the chart will display the query results for the last 15 minutes.

View Shares¶

Charts shared from scenario views are stored in Management > Share Management > Shared Charts.

Export Chart¶

Click to export the chart as a PNG image.

Specific chart types like Time Series Chart, Pie Chart, Top List, Bar Chart, Treemap, Combined Charts (Table Chart), etc., can also be exported as CSV files to meet more data usage needs.

Analyze Chart¶

In the dashboard, click the Analyze chart icon on the right side of the chart or double-click the blank area above the chart directly to放大 the chart for in-depth insight. In the opened window, you can:

• Switch styles on the right, including line chart, area chart, bar chart;
• Select the query time interval;
• Perform period-over-period comparison directly in the current window;

• Quickly view data information by hovering the mouse, select the timeline to view metric trends for a specific time range.

• When hovering over a specific time point, if other charts have by-group conditions and share the same tags, the related charts will simultaneously highlight the corresponding blocks, facilitating关联 analysis;

• Click on the chart to view its DQL query statement.

Similar Trend Metrics¶

Pin Timeline Marker¶

On the target time point of the time series chart, click to expand the dropdown and select to pin the timeline marker. After the marker is set, it will not change due to mouse movement, page scrolling, or switching time series charts.

Related View¶

Click on a data point, you can:

• Apply to view variables;
• Apply to filters;
• Copy group tags (copy all current group tags, which can then be used in filters for querying);
• View关联 analysis, such as logs, containers, processes, traces, etc.;
• If the chart query includes host (host) information and the grouping condition is by host, you can view the host monitoring view;
• Open in Metric Analysis with the query conditions directly带入.

Drill-down Analysis¶

Drill-down analysis allows decomposing aggregated data layer by layer to a finer granularity, pinpointing the specific location where an issue occurs.

1. Click to enter drill-down analysis;

2. Select the target time area;

3. Click Start Search to view the drill-down tags and corresponding time series chart results within that area.

Root Cause Analysis¶

Finds the root cause of a problem through data association reasoning.

Root cause analysis supports analysis of disk usage and memory usage.