DataV:Digital Ticker Board

Widget overview

Scenarios

The digital ticker board is frequently employed in devices such as clocks, timers, and counters, along with in the financial sector to display amounts, and in businesses to exhibit key metrics. For instance, it can reveal a company's operational metrics to swiftly identify any unusual activity through metric fluctuations.

Effect display

The digital ticker board typically includes a title, prefix/suffix, and ticker content. Below is an example of the digital ticker board displaying the daily sales figures for a specific region.

Limits

The ticker content only supports displaying Number types. If your data is not of the Number type, the platform will treat the content as an abnormal character and automatically replace it with specified content. For more information, see Abnormal Character Handling.

Prerequisites

• A data dashboard is available that supports creation using a template, a blank canvas.

• Business data is ready for use. For more information, see Data Source.

Add Digital Ticker Board

1. Log on to the DataV console.

2. Navigate to Workbench > > All Applications > > Data Dashboard and select the desired dashboard to access the canvas editing page.

3. From the Widget Library > Information list in the left-side navigation pane, add the Digital Ticker Board widget to the canvas by clicking on it.

You can also use global search to find and add related widgets.

Integrate business data

Once the widget is added, integrate your prepared business data for display. Click the digital ticker board and, on the right-side Data Source tab, select the data for the widget to render.

• The data fields accepted by the ticker board are as follows.

  Field	Description
  name	(Optional) The title content of the digital ticker board. If not empty, it will overwrite the configuration in the style. If empty, it will use the content in the Style > Basic Style > Title Content configuration item.
  value	The specific value of the digital ticker board.
  prefix	(Optional) The prefix content of the digital ticker board. If not empty, it will overwrite the configuration in the style. If empty, it will use the content in the Style > Ticker Board > Prefix Content configuration item.
  suffix	(Optional) The suffix content of the digital ticker board. If not empty, it will overwrite the configuration in the style. If empty, it will use the content in the Style > Ticker Board > Suffix Content configuration item.

  Here's the data structure and effect display of an example ticker board.

  [
   {
   "name": "This is the title",
   "value": 232425
   }
  ]

  

• The key configuration items for the data source are as follows.

  Configuration Item	Description
  Select Data Source	Supports integrating various types of data such as CSV files, APIs, and various databases. For more information, see Data Source. You can edit data fields using a visual table or code.
  Configure Filter (Optional)	Used to customize filter code to achieve data structure transformation, filtering, display, and simple calculations. For more information, see Manage Data Filters.
  Configure Data Mapping	Used to map fields from the selected data source to the corresponding fields of the widget to achieve real-time data matching. Click the icon to configure field styles.
  View Response Results	Used to display the data integrated into the widget in real-time. When the widget data source changes, the latest data will be displayed here. Click the data response result to view the code of the data fields written. Click to view the example to see the array type and code example received by the data source. You can refer to the example to write related fields. Other data request configurations: Disable Loading State: When selected, the loading content during widget initialization will not be displayed when updating or previewing the data dashboard. Controlled Mode: When selected, the widget will not request data in the initialization state. At this time, data requests can only be initiated through the blueprint editor or global variable events. Automatic Update Request: When selected, the platform will dynamically poll and update data according to the polling time you set. If not selected, you need to manually refresh the page or trigger a request to update data through the blueprint editor and global variable events.

Configure Digital Ticker Board

{
  "value": "23"
}

{
  "value": "23"
}

[
  {
    "name": "Third Quarter Turnover",
    "value": 283699,
    "prefix": "¥",
    "suffix": "Yuan"
  }
]

    {
      // Movement method. Absolute positioning: to, relative positioning: by. Default value: to.
        "positionType": "to",
      // Specified position. x-coordinate, y-coordinate.
      "attr": {
        "x": 0,
        "y": 0
      },
      // Animation method.
      "animation": {
        "enable": false,
        // Animation delay.
        "animationDuration": 1000,
        // Animation curve. Optional values are: linear|easeInOutQuad|easeInOutExpo.
        "animationEasing": "linear"
      }
    }

{
  "animationType": "fade",
  "animationDuration": 1000,
  "animationEasing": "linear"
}

Demo

For a demonstration of the digital ticker board in action, see Implement Dynamic Data Summation.