Quick BI:Box plot

Configuration item

Configuration

Configuration Item Description

Chart orientation

Set the orientation of the boxes. You can select Horizontal or Vertical.

Visualization style

Set the visual style of the boxes. You can select Wireframe, Fill, or Partitioned fill.

• Wireframe: This style focuses on the overall harmony of the chart and clearly shows all data elements. The box is enclosed by a border. You can configure the box and whisker colors together.

• Fill: This style emphasizes the median line, making it easy to compare the middle value of each data group. The box has no border. You can set the box and whisker colors separately.

• Partitioned fill: This style focuses on showing the distribution of data at different levels. This helps report viewers quickly understand the distribution characteristics of each data group. The box has no border. You can set the box and whisker colors separately.

Box color

Set the color style for the boxes of the field configured in Value axis/Measure. You can customize the box color.

Bar Width

Set the width of the boxes. This setting has no effect if the configured width exceeds the maximum allowed width.

Whiskers and edges

Calculation method for upper and lower edges

Set the calculation method for the upper and lower edges. The following four methods are supported:

• General algorithm: The upper edge is the smaller of the dataset maximum and Q3+1.5IQR. The lower edge is the larger of the dataset minimum and Q1-1.5IQR. Where IQR=Q3-Q1.

  This algorithm determines the upper and lower edges of the box plot by comparing the actual extreme values with statistical boundary values. This can effectively prevent outliers in the dataset from affecting the overall chart appearance. This method is suitable for scenarios where you need to reduce the impact of extreme values.

• Maximum and minimum values: The upper edge is the maximum value in the dataset. The lower edge is the minimum value in the dataset.

  This algorithm does not consider statistical boundary values. It directly uses the actual extreme values from the dataset as the upper and lower edges of the box plot. This can intuitively show the actual range of the data distribution. This method is suitable for scenarios that focus on reflecting the true data range and where the dataset has no obvious outliers.

• =1.5IQR: The upper edge is Q3 + 1.5 * IQR. The lower edge is Q1 - 1.5 * IQR.

  This algorithm does not consider the actual extreme values. It directly uses statistical boundary values as the upper and lower edges of the box plot. This can better show the central tendency and skewness of the data. This method is suitable for scenarios where you need to emphasize the statistical features of the data and identify outliers.

• <1.5IQR: The upper and lower edges are the maximum and minimum values within the range between Q1 - 1.5 * IQR and Q3 + 1.5 * IQR.

  This algorithm is based on statistical boundary values and considers the actual extreme values of the dataset. This ensures that the upper and lower edges of the box plot do not exceed the actual range of the dataset. It can accurately show the actual data distribution and identify outliers. This method is suitable for scenarios where the box plot must show both the true data distribution characteristics and identify outliers.

Show upper and lower edges

Specify whether to show the upper and lower edge lines of the box plot. If you show the lines, you can also set their width.

Median line

Specify whether to show the median line and set its style.

Data points

Content

Specify whether to show Outliers and Normal values in the chart.

Data point size

Set the size of the data points.

Outlier style

Set the shape and color of the outliers.

Normal point style

Set the shape and color of the normal data points.

Average value

Average value style

If the average value is shown, set its shape and color.

Circle size

Set the size of the shape that represents the average value.

Configuration item

Configuration

Description

X-axis

Show X-axis

Specify whether to show the x-axis.

Show title and unit

Specify whether to show the Title and Unit on the x-axis. You can customize the title, unit, and text style.

Show axis labels

Specify whether to show axis labels on the x-axis and configure the text style of the labels.

Show tick marks

Specify whether to show tick marks on the x-axis.

Show axis line

Specify whether to show the x-axis line. If you show the line, you can customize its style, including line type, width, and color.

Show gridlines

Specify whether to show gridlines for the x-axis. If you show the gridlines, you can customize their style, including line type, width, and color.

Show zero tick line

Specify whether to show the zero tick line for the x-axis. If you show the line, you can customize its style, including line type, width, and color.

Left Y-axis

Show left Y-axis

Specify whether to show the left y-axis.

Show title and unit

Specify whether to show the axis Title and Unit. You can customize the title, unit, and text style.

Show axis labels

Specify whether to show labels on the left y-axis, and configure the Label display format and Text style.

Show tick marks

Specify whether to show tick marks on the left y-axis.

Display the coordinate axis

Specify whether to show the left y-axis line. If you show the line, you can customize its style, including line type, width, and color.

Show gridlines

Specify whether to show gridlines for the left y-axis. If you show the gridlines, you can customize their style, including line type, width, and color.

Axis range and interval

Set the maximum and minimum values for the left y-axis, and the interval size between axis values.

• You can set the Maximum/Minimum value for the y-axis label and tick range Automatically or Manually.

  Note

  If you manually set the maximum or minimum value:

  • You cannot set a maximum value that is less than 0.

  • You cannot set a minimum value that is greater than 0.

• You can set a custom interval by Step size or by Number of equal parts.

Configuration item

Configuration item description

Content

Select whether to display the metric for the background area in the legend.

Position

Set the display position and alignment of the legend.

• If you set the position to Top or Bottom, you can select left, center, or right alignment.

• If you set the position to Left or Right, you can select top, center, or bottom alignment. You can also set the distance between the legend and the chart data.

Text

Set the legend text style. You can set the font color, size, weight, and whether it is italicized.

Mobile legend

The legend settings for PC and mobile are independent. You can switch to the mobile editing view by clicking the PC/mobile toggle button () at the top of the dashboard editing page. This lets you set a separate legend for mobile, including its position and text style.

Configuration item

Description

Content

Select whether to show the maximum and average values in the tooltip.

Background color

Set the background color of the tooltip box.

Text

Set the style of the text in the tooltip box. You can set the font color, size, weight, and whether it is italicized.

Mobile tooltip

The tooltip switches for PC and mobile are independent. You can switch to the mobile editing view by clicking the PC/mobile toggle button () at the top of the dashboard editing page to edit the mobile tooltip. The font size can be set separately for PC and mobile. Other styles are configured uniformly.

Configuration item

Description

Show metric filter

Specify whether to enable the in-chart metric filter. If enabled, you can further set the default selected metric field.

View control

If the data on the chart axis is dense and cannot be fully displayed within the current container size, you can click the icon to enable chart view controls. This allows report viewers to dynamically adjust the visible range of the chart by sliding, providing a flexible management experience while ensuring data integrity and readability.

You can use the following two control types to manage the visible area on the chart axis: Navigator and Scroll bar.

• If you select Navigator, a simplified trend chart of the full data (the navigator) appears at the bottom of the chart. Report viewers can drag the selection area to quickly browse all data or focus on data within a specific range. The navigator uses an absolute coordinate system. The selected interval on the navigator directly corresponds to a fixed number of data items on the actual axis. This is suitable for comparative analysis or complex scenarios that require direct positioning.By default, the navigator is shown only when the data volume exceeds the display width of the chart container. To always show the navigator in the chart, select Always show. After you select this option, the navigator is always displayed, even if the chart data does not fill the screen.

• If you select Scroll bar, a horizontal scroll bar appears at the bottom of the chart. Report viewers can drag the slider left or right to move the view window. The scroll bar uses a relative ratio. The length and position of the slider are determined by the ratio of the visible window to the total data range. This is suitable for general browsing scenarios.You can also set the minimum category width for the scroll bar to limit the amount of data in the current chart window. This ensures that the chart content is clearly scaled within the visible area and avoids visual clutter from overlapping data labels or overly dense data points. The default minimum category width is 32 px, with a value range of 16 px to 100 px.

  After you set the minimum category width, the scroll bar appears if the actual category width allocated to the chart is less than this value when fully displayed. When the scroll bar is enabled, chart elements and data labels are constrained within the rectangular area of the coordinate system. Any parts that extend beyond this area, such as markers or data labels, are automatically truncated or repositioned to fit.

Configuration item

Configuration

Description

Data interaction

Drilling

If you have configured drilling fields in the fields pane, you can set the display style for the drilling level rows here. For more information, see Drilling.

Filter interaction

If the data you need to analyze is in different charts, you can use filter interaction to link multiple charts for data analysis. For more information about the settings, see Filter interaction.

Go To

If the data you need to analyze is in multiple dashboards, you can link the dashboards for data analysis. Linking includes three methods: Internal link, In-page component, and External link. For more information about the settings, see Link.

Analysis and alerts

Auxiliary line

Use auxiliary lines to see the difference between the current measure value and the set value of the auxiliary line. The set value can be a static field or a calculated value. Calculated values include average value, maximum, minimum, and median. For more information about the settings, see Analysis and alerts.

Annotations

-

If data in the chart is abnormal or requires special attention, you can use color highlights, icons, comments, or data points to annotate it. This helps you identify anomalies and take appropriate action. For more information about the settings, see Annotations.