Visualization Charts¶

Guance is equipped with dozens of standardized visualization charts, allowing you to easily customize dashboards according to business needs. At the same time, leveraging advanced features such as view variables enables data linkage between charts, ensuring personalized and professional data presentation.

Add Charts¶

1. Enter the dashboard page.

2. Start adding charts.

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 trends 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 Horizontal Bar Chart

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

• Pie Chart: Used to show 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 in China, with color intensity representing data size.

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

Scatter Plots

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

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

Distribution Charts

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

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

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

• Histogram: Also known as a mass distribution chart, it uses a series of vertical bars 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 show 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 display 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 a table chart format, 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 within a dashboard.

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

• Picture: Displays images in dashboards, supporting addition via image URLs and offering various display options like fill, fit, stretch, and center.

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

• IFrame: Used to embed external pages within a dashboard, supporting both 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 the chart; can be used in current or other dashboards, or notes.

• Clone: Directly clones the chart into 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 under Chart > 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 externally on the chart.

Auto Align¶

Adjusts the time axis 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 time interval option will be displayed externally on the chart.

Combine Charts¶

The combine charts mode supports adding single or multiple charts. Dashboard view variables can be applied to enable flexible filtering and comparative combination.

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 it into another platform, 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 charts, Pie charts, Top Lists, Bar charts, Treemaps, Combined Charts (Table charts), etc., can also be exported as CSV files to meet more data usage needs.

Analyze Chart¶

In the dashboard, click the Analyze icon on the right side of the chart or double-click the blank area above the chart to enlarge it 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' grouping conditions and share the same tags, the related charts will simultaneously highlight the corresponding blocks, facilitating correlation analysis.
• Click the chart to view its DQL query statement.

Similar Trend Metrics¶

Pin Timeline Marker¶

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

Related Views¶

Clicking on a data point allows you to:

• View correlation analysis, such as logs, containers, processes, traces, etc.
• If the chart query includes host (host) information and the grouping condition is by host, view the host monitoring view.
• Open in Metric Analysis with the query conditions directly imported.

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 labels and corresponding time series chart results within that area.

Root Cause Analysis¶

Finds the fundamental cause of a problem through data correlation reasoning.

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