Visualization Charts¶

TrueWatch provides more than 30 types of standardized visualization charts to meet diverse data display needs. With advanced features such as view variables and chart links, you can enable data linkage between charts and build personalized, professional monitoring views.

Add a Chart¶

1. Enter the dashboard page;

2. Start adding a chart;

3. Select the chart type to add;

4. Click Create to finish adding the chart.

Chart Types¶

Trends and Comparisons¶

• Time Series Chart: used to show how data changes over time

  • Time Series Line Chart

  • Time Series Column Chart

  • Time Series Area Chart

• Grouped Column Chart: used to show comparisons between items

  • Grouped Column Chart

  • Grouped Bar Chart

• Top List: used to show the ranking of grouped data over a period of time

• Overview Chart: used to display a key value or metric

Proportions and Composition¶

• Pie Chart: used to show the proportional relationship of data

  • Pie Chart

  • Donut Chart

  • Rose Chart

• Treemap: used to show the proportion of different categories. It makes efficient use of space and can display more data than a pie chart

• Funnel Chart: used to show conversion in business processes

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

Relationships and Distributions¶

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

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

• Cellular Map: used to show the distribution of multiple data sets, with color intensity indicating data magnitude

• Topology Map: used to show the relationships and relative positions of different entities

• Histogram: also known as a quality distribution chart; it uses bars of varying heights to represent data distribution

• Heatmap: uses color intensity to represent data density or strength, typically with gradient colors to indicate different value ranges

Tables and Lists¶

• Table Chart

  • Grouped Table Chart: shows metrics for different categories or groups

  • Time Series Table Chart: shows data trends over time

• Data List: displays time-series data lists from data sources such as logs, APM, and infrastructure, with customizable data ranges and display columns

• Dashboard List: a navigation-style Panel that displays dashboard links according to grouping rules and supports click-through navigation

Monitoring and Alerts¶

• SLO: requires selecting an existing SLO monitor to display related performance data

• Gauge: used to show the progress or completion of a metric

• Alert Statistics Chart: displays unrecovered alert events in a list, allowing you to quickly identify and respond to urgent issues in the system

• Incident Statistics: shows the incident claim rate, average response time, and average recovery time to view handling efficiency and trends

• Monitor Summary: automatically queries monitor events from the last 2 days and displays the status of the most recent event triggered by each monitor

Geospatial¶

• China Map: used to show distribution across geographic locations, with color intensity indicating data magnitude

• World Map: used to show data distribution across geographic locations, with colors indicating data magnitude

Multimedia and Embedding¶

• Text: used to add tips, explanations, and various content, such as text, images, and hyperlinks, in Markdown-formatted documents

• Picture: displays images in dashboards by adding an image URL, with multiple display options such as fill, fit, stretch, and center

• Video: displays video content in dashboards by adding a video URL to enhance information delivery

• Command Panel: consists of command buttons that let users execute specific commands or navigate to specified links by clicking

• IFrame: used to embed external pages in dashboards, supporting HTTPS and HTTP links

Chart Settings¶

On the dashboard page, click the action button in the top-right corner of a chart to perform the following external settings:

• Modify: edit the chart configuration;

• Combine Charts;

• Copy: copies all configurations of this chart; can be used in the current or other dashboards and notes;

• Clone: directly clones the chart to the current dashboard;

• Delete: deletes the current chart;

• Share: shares the current chart externally.

Time Interval¶

The time interval displayed outside the chart is affected by the Time Interval setting under Advanced Settings inside the chart.

Locked Time¶

Enter the chart editing page, select the desired time range for data queries in the time widget, and after saving, the locked time will be displayed outside the chart.

Auto Alignment¶

This aligns data collected at different time points or frequencies to the same time baseline by adjusting the time axis.

For charts such as time series charts, if Auto Alignment is selected for the time interval, the time interval option will also be displayed outside the chart after saving.

Combine Charts¶

Combine multiple charts into a unified view. Dashboard view variables can be applied to enable flexible filtering and comparative analysis.

1. Click Modify to enter the chart combination configuration page;

2. Define the title of the current combined chart;

3. Configure variables for this combined chart;

4. Select charts;

5. Click Confirm.

Share¶

You can share a chart in two ways:

Share Link

Share Embed Code

Shared charts are stored in Manage > Share Management > Shared Charts, where you can view them. Alternatively, click Shared Chart List at the top of the Share dialog to view them.

Share Link¶

To share a chart externally via a chart link, you need to complete the following three types of configuration:

1. Basic Settings

• Time range: the time of the current dashboard chart is selected by default. After the chart is shared, this is the time range that recipients can view;

• Validity period: 1 day, 3 days, 7 days, or permanent;

• You can set the chart to be automatically deleted after the sharing period expires;

• Sharing method:

  • Public sharing

  • Encrypted sharing: define a share code. Recipients must enter the share code to view the chart;

• More options: choose whether to show the top bar and watermark.

2. Data Masking

You can configure masking for field values in the chart. Enter the fields to mask and a regular expression, then click Preview. Content matched by the regular expression will be displayed as * in the current chart.

• Enter the fields to mask (multiple selection supported);

• Regular expression: implement masking using regex syntax.

For more operations, see Field Display Permissions.

3. Access Restrictions

You can choose whether to enable an IP allowlist for the shared chart.

• Workspace IP allowlist: follows the workspace's IP allowlist configuration and cannot be edited under chart sharing;

• Custom input: define a custom IP access allowlist. IPs not on the list cannot view the chart.

For more details, see How to Configure an IP Allowlist.

Share Embed Code¶

1. Click Settings > Share;

2. Select the chart query time;

3. Get the embed code;

4. The chart is now shared successfully.

The embed code is generated based on the chart's query time. For example, if the chart query time is the last 15 minutes, the chart will show the query results of the last 15 minutes after being embedded on another platform.

Export Chart¶

Click to export the chart as a PNG image.

Specific chart types, such as time series charts, pie charts, Top List, bar charts, treemaps, and combined charts (table charts), can also be exported as CSV files to meet more data usage needs.

Analyze Chart¶

Click the Analyze button on the right side of the chart, or double-click the blank area above the chart, to enlarge the chart for deeper insight. In the opened window, you can:

• Switch styles on the right, including line, area, and bar charts;

• Select the query time interval;

• Perform a same-period comparison directly in the current window;

• Hover over the chart to quickly view data information. Select Timeline to view metric trends for a specific time range.

• When hovering over a data point, if other charts have a by grouping condition and share the same tags, the related charts will highlight the corresponding blocks at the same time, facilitating correlation analysis;

• Click a chart to view its DQL query.

Similar Trend Metrics¶

Identify other metrics with trends similar to the current metric to assist correlation analysis.

Pin Timeline¶

At a target time point on a time series chart, click to expand the dropdown and select Pin Timeline. Once the marker is set, it will not change when you move the mouse, scroll the page, or switch to another time series chart.

Related Analysis¶

Click a data point to:

• Apply to view variables;

• Apply to the filter;

• Copy group tags (copy all current group tags for subsequent use in filter queries);

• View correlated analysis, such as logs, containers, processes, and traces;

• If the chart query contains host (host) information and the grouping condition is by host, you can view the host monitoring view;

• Open in Metrics Analysis with the query conditions carried over directly.

Drill-down Analysis¶

Drill-down analysis breaks down summary data layer by layer to a finer granularity to pinpoint where a problem occurred (❗️ Drill-down analysis only supports simple queries).

1. Click to enter drill-down analysis;

2. Drag to select the target time range;

3. Click Start Search to view the drill-down labels in the selected range and the corresponding time series chart results.

Root Cause Analysis¶

Identify the root cause of a problem through data correlation and reasoning (❗️ Root cause analysis only supports simple queries).

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