Updated on 2025-08-21 GMT+08:00

Setting the Properties of the Line Chart Widget

This widget shows data trends by connecting data points to form one or more lines. This widget is especially useful for displaying trends, modes, and periodic changes.

Figure 1 Line chart widget

Name

Set the widget name shown to users. Click to set Chinese and English names.

Figure 2 Setting the widget name (Chinese and English)

Data

Set the data source of the widget.

Figure 3 Data
  • Dimension: Select a field in the table as the dimension field of the line chart.
    Figure 4 Dimension
    Click next to Dimension and set the following parameters:
    • Sorting mode: Set the sorting mode of the dimension, for example, ascending or descending.
    • Same name: Whether to merge dimensions with the same name.
    • Statistics of null values: Whether to collect statistics on dimensions with null values.
    • Group: Whether to group data by Year, Month, Day, Hour, Minute, and Second during statistics collection. This parameter is displayed only when date and time type is selected.
  • Combine the Nth line and all subsequent lines into "Other": Set the Nth line as the starting point and merge all following lines into the "Other" category. For example, the combination starts from the first line. See the following figure.
    Figure 5 Uncombined
    Figure 6 Combined
  • Value: Select the field whose value is to be displayed. After the setting, click to set the value sorting mode (default, ascending, or descending) and whether to display the line data when the data is 0.
  • Data update mode > Real-time update: Whether the data in the chart needs to be updated in real time.
  • Real-time update interval: Set the interval at which the data in the chart is updated. This parameter needs to be set only when the real-time update function is enabled.
  • Data Filtering: Click +Add to set filter criteria. You can collect data based on the criteria. For example, filter data for companies that are Limited by shares. See Figure 7.
    Figure 7 No filter criteria added
    Figure 8 Filter criteria added

Appearance

Set the appearance and style of the widget.

Figure 9 Appearance
  • Size: Set the size of the line chart, for example, large, medium, or small. The default value is Large.
  • Style: Select the chart style. The default value is Style 1.
    Figure 10 Effect of setting the chart style to style 4
  • Horizontal axis label
    • Line feed: Whether to wrap a line when there are too many characters on the horizontal axis.
    • Max. characters per line: This sets the maximum number of characters displayed in a single line on the horizontal axis. If line breaks are not set, excess characters are omitted. The range is [1,100].
      Figure 11 Effect of setting the number of characters to 2
    • Label rotation angle: This parameter specifies the rotation angle of the label. The value range is [–90, 90]. The default value is 0, indicating that the label is displayed horizontally.
      Figure 12 Effect of setting the label rotation angle to 30
  • Vertical axis range
    • Min. value: Minimum value of the vertical coordinate. The default value is Auto.
      Figure 13 Effect of setting the minimum value to 1
    • Max. value: Maximum value of the vertical coordinate. The default value is Auto.
      Figure 14 Effect of setting the maximum value to 6
  • Conditions: If you check the Hide option, the widget is hidden on the page.
  • Width: Ratio of the widget box width to the page width. Adjust the width to optimize the layout and display of the widget on the page, improving overall appearance and usability.
    Figure 15 Setting the widget width
    • 1/4: Widget is 1/4 of the page width.
    • 1/3: Widget is 1/3 of the page width.
    • 1/2: Widget is 1/2 of the page width.
    • 2/3: Widget is 2/3 of the page width.
    • 3/4: Widget is 3/4 of the page width.
    • 1: Widget is full page width (default).