Visualizations¶

Guance is equipped with dozens of standardized visualizations, allowing you to easily customize dashboards according to business needs. Additionally, advanced features such as view variables enable data linkage between charts, ensuring personalized and professional data presentation.

Adding Visualizations¶

1. Navigate to the dashboard page.
2. Start adding a visualization.
3. Select the type of visualization you want to add.
4. Click Create to complete the addition.

Visualization Types¶

Common Visualizations

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

• Leaderboard: Used to display rankings of grouped data over a period of time

• Pie Chart: Used to show proportional relationships

  • Pie Chart
  • Donut Chart
  • Rose Chart

• Overview Chart: Used to display a key number 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 show distribution across different geographical locations, with color intensity representing data size
• World Map: Used to display data distribution across different geographical locations, with colors representing data size

Scatter Plots

• Scatter Plot: Displays data as points, used to show the relationship and impact between two variables
• Bubble Chart: Used to show the relationship and impact between three variables, with bubble size representing the third variable

Distribution Charts

• Cellular Map: Used to display the distribution of multiple groups of data, with color intensity representing data size
• Topology Map: Used to show relationships and relative positions between different entities
• Treemap: Used to display proportional relationships between different categories, making efficient use of space and showing more data than pie charts
• Histogram: Also known as a quality distribution chart, it uses a series of vertical bars of varying heights to represent data distribution
• Heatmap: Uses color intensity to represent data density or intensity, typically using gradients to represent different value ranges

Other Visualizations

• SLO: Requires direct selection of pre-configured SLO monitoring 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 business processes
• Sankey Diagram: A special type of flowchart used to show the flow of data or energy

Advanced Visualizations

• Log Stream Chart: Displays log data in a time series table format, allowing customization of the log range and displayed 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 urgent system issues
• Monitor Summary: Automatically queries the last 2 days of monitor events and displays the latest triggered event status
• Text: Used to add tips, descriptions, and various content in Markdown format, such as text, images, and hyperlinks
• Video: Allows embedding video content in dashboards by adding a video URL, enhancing information delivery
• Picture: Displays images in dashboards by adding an image URL, with various display options such as 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 in dashboards, supporting https and http links

Visualization Settings¶

Includes external related settings for visualizations on the dashboard page.

• Modify: Edit visualization configuration.
• Combine Visualizations.
• Copy: Copy all configurations of the visualization; can be used in the current or other dashboards, notes, etc.
• Clone: Directly clone the visualization to the current dashboard.
• Delete: Delete the current visualization.
• Share: Share the current visualization externally.

Time Interval¶

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

Lock Time¶

Select the data query time range in the time widget as needed. After saving, the locked time will be displayed externally on the visualization.

Auto Align¶

Adjusts the time axis to align data collected at different times or frequencies to the same time baseline.

In time series charts and others, if the time interval is set to Auto Align, the time interval option will be displayed externally after saving.

Combine Visualizations¶

The combine visualizations mode supports adding single or multiple visualizations, allowing the use of dashboard view variables for flexible filtering and combined comparison.

1. Click Modify to enter the visualization combination configuration page.
2. Define the title of the current combined visualization.
3. Configure variables for the combined visualization.
4. Select visualizations.
5. Confirm.

Share¶

Start Sharing¶

1. Click Settings > Share.
2. Select the visualization query time.
3. Get the embed code.
4. The visualization is now successfully shared.

The embed code is generated based on the visualization's query time. For example, if the visualization query time is the last 15 minutes, the embedded visualization will display the query results for the last 15 minutes.

View Shares¶

Shared visualizations from scenario views are stored in Management > Share Management > Shared Visualizations.

Export Visualizations¶

Click to export the visualization as a PNG image.

Specific visualization types such as time series charts, pie charts, leaderboards, bar charts, and treemaps can also be exported as CSV files to meet additional data usage needs.

Analyze Visualizations¶

In the dashboard, click the Analyze button on the visualization or double-click the blank area of the visualization to zoom in for deeper insights. Hovering the mouse allows quick viewing of data information, and selecting the Time Axis allows viewing metric trends for specific time ranges.

• When hovering over a timeline, if other visualizations have by grouping conditions and share the same tags, the corresponding blocks in those visualizations will be highlighted for easy correlation analysis.
• Clicking on a visualization allows viewing its DQL Query Statement, making it easier to understand the data logic behind the visualization.

Similar Trend Metrics¶

Related View¶

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

Drill Down Analysis¶

Drill down analysis allows decomposing summarized data layer by layer to locate the specific location of issues.

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 for that area.

Root Cause Analysis¶

Uses data correlation reasoning to identify the root cause of issues.

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