Chart Label

1) The Chart Label is a setting under the Chart Style attribute, which is used to modify the content, layout and style of labels, as shown in the following diagram:

2) This document describes common label settings. For charts with special label settings, please refer to their own documentation for specific descriptions.

3) Suggested Reading: Chart Data, Chart Types.

Please refer to Section II Insert a Simple Chart of Chart Series. Those already familiar with inserting charts may skip this section.

Take the Floating Chart-Column Chart as an example.

Double-click on the chart and select [Style]>[Label] on the right to perform label style adjustment. Tick the box of [Use Label], and you can see that there are 3 general settings, namely: Content, Layout and Style. Adjustments made to the style can be seen in real time in the floating chart effect on the left. as shown in the following diagram:

1. Content

This section sets what to display on the label. Settings available include [General] and [Custom].

• General: You can set whether or not to display the category name, series name, value, and percentage by checking the box or not; besides, you can also set the text format of the corresponding label.

• Category name: If checked, the label will display the category name.

• Series name: If checked, the label will display the series name.

• Value: If checked, the label will display the data value.

• Percentage: If checked, the label will display data value in percentage.



• Format: Text formats such as regular, digital currency, percentage and others can be set. Percentage is displayed as is, but its style can be set differently.

 

• Custom: You may customize how the label content is displayed. Enter JavaScript code and click on [Use HTML parsing text content] to implement label customization. When a picture is used as a label, the width and height of the label background can be customized according to the size of the picture.

NOTE: For JAR packages released on July 6, 2020 or later, some labels can be exported together with the charts (pictures, Excel, PDF, etc.): <b>, <strong>, <i>, <em>, <br/>, <span>.

2. Layout

This section adjusts where to display the labels. Take the label position of a column chart as an example:

• Auto: The system automatically adjusts the label position according to the real effect. There are two options: inside and outside.

• Inside: The label is displayed outside of the series graphs.

• Outside: The label is displayed inside the series graphs.

• Center: The label is displayed in the center of the series graphs.

• Overlap Adjust: When Overlap Adjust is enabled, the labels displayed incompletely due to over long texts will automatically adjust their positions for full display.

3. Label style

This section sets the character style with the following options:

• Auto: The default style of the series will be used.

• Custom: You can customize the character style, including the font, size, color, italic, and bold.

Note: When the Dashboard is used on the mobile terminal to display the gauge, some labels may be hidden if the characters are over-sized and the display section is too small. In this case, just decrease the font size.