Ticker Board

Pattern

• Size/Position
  • Size: width and height of the component. Unit: pixel.
  • Position: position where the component is located in the canvas. Unit: pixel.
  Figure 1 Ticker board
  
• Ticker Board
  • Alignment: alignment mode of the ticker board. The value can be Align center, Left, or Right.
  • Spacing: distance between the digits and the upper edge of the component.
  • Animation: After this function is enabled, the number on the ticker board changes dynamically as the data changes.
  • Animation Duration: set the duration for playing animation once by entering a value or clicking . The unit is milliseconds.
  • Trend: to show or hide Trend by clicking or . The value can be Up or Down. When the value in the subsequent validator is greater than the current value, the value increases. When the value in the subsequent flier is smaller than the current value, the trend is reduced. The trend icon is customizable.
  • Prefix: to set the prefix content, font, font size, font color, and font width.
  • Digit: to set the digit style, including the decimal control, font, size, color, width, spacing, horizontal padding, vertical padding, and background color.
  • Suffix: to set the suffix content, font, size, color, and width.
  Figure 2 Ticker board
  
• Title
  • Alignment: title alignment mode of the title. The value can be Top center, Top left, Top right, Bottom center, Bottom left, or Bottom right.
  • Title Name: title name.
  • Font: font of the title.
  • Font Size: font size of the title.
  • Color: font color of the title.
  • Font Width: font width of the title.

Data

• name: name of the component title.
  • If you set a name, the name that you have set is displayed.
  • If you do not set a name, Title Name under Title on the Pattern tab page is displayed.
  • If you do not set Title Name, no title is displayed.
• value: value displayed on a component.
• Data Source Type: to select the data source of the chart. Multiple data sources are provided for you to select. You need to add data sources first. For details, see Data Connection Overview.
• Converter: Select a converter to convert data into the data that meets the display requirements. For details, see Using a Converter.
• Automatic Update: If you select Automatic Update and set Update Interval, the data is automatically updated based on the interval.
• Preview Result: Click Preview Result to view the information about the selected data source. You can click Update Query to manually update the component data when the data source changes.

Interaction

For details about whether the component supports the interaction function and how to use the interaction function, see Configuring Component Interaction.