A bar chart describes categorical data. It visually reflects the comparison of each category in size. It is suitable for category statistics scenarios, for example, collecting the numbers of each type of error codes in the last 24 hours.
Operation Steps
1. Log in to the CLS console, choose Dashboard > Dashboard List, and then select the dashboard you want to view.
2. Click Add Chart to create a chart, and select Bar Chart as the chart type.
3. Configure the chart as needed.
General configuration
Configuration Item
Description
Basic Info
Chart Name: Set the display name of the table, which can be left empty.
Legend
The style and position of the legend can be controlled by setting the legend content of the chart. It also supports adding comparison data to the legend.
Floating Prompt
Set the content and style of the tooltip that appears when you hover the mouse pointer over the chart.
Standard Configuration
Set the unit of all metric-type fields in the chart. For more information, see Unit Configuration.
Interaction Event
Custom interaction event feature. Clicking chart elements can trigger interactions such as opening the search and analysis page, navigating to a dashboard, or accessing a third-party URL. For details, see Interaction Events.
Statistical Analysis Fields
For a bar chart, both a dimension field and a metric field must be selected. When a data mismatch occurs, you need to manually select the appropriate statistical analysis fields.
Configuration Item
Description
Dimension Field
Classification field. By default, fields with the string data type are selected. If no string field exists, you must manually specify a field.
Metric Field
Numerical field. By default, fields with the number data type are selected. If no number field exists, you must manually specify a field.
Bar chart configuration
Configuration Item
Description
Bar Chart
Direction: Control the bar/column direction. A bar chart is horizontal, while a column chart is vertical.
Display Value: Control whether to display the value label of each bar/column.
Bar/Column Mode: Grouped and stacked display modes are supported.
Sort By: Control the bar/column sorting order, which can be ascending or descending by metric. If there are multiple metrics, you need to select one for sorting. Sorting is disabled by default.
Coordinate Axis
Maximum display length for Y-axis Tags.
Y-axis scale: Controls the Y-axis scale, supporting both linear and logarithmic scales.
Y-axis Maximum/Minimum: Controls the maximum and minimum values displayed on the axis. Coordinate areas with values greater than the maximum or less than the minimum are not displayed.
Bar/Column mode example:
Chart Operations
Local zoom-out
If there are too many statistical results, the bars/columns will be too dense and labels will overlap each other as shown above, which will affect the analysis. In this case, you can hover over the chart and scroll the mouse wheel to zoom in/out the displayed area. This allows you to focus on the local content and display the complete information.
Statement Example
Percentage of HTTP status codes displayed in Nginx logs:
