Title

Pattern

• Size/Position
  • Size: width and height of the component. Unit: pixel.
  • Position: position where the component is located in the canvas. Unit: pixel.
• Global Style

  New Window: to show or hide a new window by clicking or . When New Window is selected and href is configured on the Data tab page, you can open a new window by clicking the title component.

• Text Style
  • Font: font of the title.
  • Font Size: font size of the title.
  • Text Spacing: spacing of the text in the title.
  • Color: font color of the title.
  • Font Width: font width of the title.
  • Alignment: alignment mode of the title. The value can be Align center, Left, or Right.

Data

The example data in the preceding figure is as follows:

[
  {
    "value": "Title",
    "href": ""
  }
]

• value: text displayed on the previewed or published screen.
• href: text link address. When previewing or publishing a screen, you can click value to go to the corresponding link address.
• 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.