This topic describes the meaning of each configuration items when you select Full Data on a dashboard.
Chart style
A dashboard is a quasi-materialized chart. The scale indicates a measure, the pointer indicates a dimension, and the pointer angle indicates a value. The dashboard chart is like a car's speedometer, with a circular dial and corresponding scale, and a pointer pointing to the current value to visually show the progress or actual situation of an indicator. 
Style Panel 
Search Configuration: Click the Search configuration items icon
in the upper-right corner of the Style panel. In the Search Configuration panel, enter the name of the configuration items that you want to search for and locate the configuration items. Fuzzy match is supported. For more information, see Search configuration items. Size: the width and height of the widget. Unit: pixels.
Positioning: the x-axis and y-axis of the component. Unit: pixels. X-coordinate indicates the pixel distance between the upper-left corner of the widget and the left border of the canvas. Y-coordinate indicates the pixel distance between the upper-left corner of the widget and the upper border of the canvas.
Rotate: The widget is rotated around the center of the widget. Unit: degrees.
Directly enter the degrees in the Rotation Angle spin box or click the plus sign (+) or minus sign (-) to increase or decrease the value in the Rotation Angle spin box.
Click the
icon to flip the widget style. Click the
icon to flip the widget style.
Opacity: Valid values: 0 to 1. If this parameter is set to 0, the widget is hidden. If this parameter is set to 1, the widget is completely displayed. Default value: 1.
Graphics
Metric
description
Chart Margins
Click the
icon to control the display of the chart margins. If you turn on the switch, you can configure the distance between the dashboard area and the four boundaries of the widget. Unit: px by default. Display form
The style of the dashboard display. Valid values: Ring and Meter Rail.
Metric orbit parameters
The meter rail style of the dashboard, including the number of meters rails and the interval between each meter rail. You can configure this parameter only when the Display Form parameter is set to Meter Rail.
Background Color
The background color of the dashboard. If the background color is transparent, the features of the meter rail cannot be reflected. This parameter is available only when Display Form is set to Meter Rail.
Ring radius
The values of the inner ring radius and the outer ring radius in the meter track ring style of the dashboard. The larger the value, the larger the radius, in %.
Instrument Color
The color of the instrument in the dashboard. Valid values: Double-color and Multi-color.
Two-color Instrument: Configure two colors for the two-color instrument. You can configure this parameter only when the Instrument Color parameter is set to Two-color.
Multi-color Instrument: Configure the colors of multi-color instruments.
Multi-color instrument
Click the
or icon on the right to add or remove a color style series. Click the or icon to configure the arrangement style of multiple color style series. Click the icon to copy the current color style series configuration and add a new color style series with the same configuration. This parameter is available only when the Instrument Color parameter is set to Multicolor. Percentage: the percentage of the color in the dashboard. Unit: %.
Color: the color of the current series.
Ring Stroke
The ring stroke style of the dashboard, including the line style, line thickness, and line color of the ring stroke.
NoteWhen the line type is selected as dotted line or dotted line, the value of the break length of the line and the distance between each break line can also be configured.
Center Indication
The style of the dashboard center indicator. You can click the
icon to control the display of the dashboard center indicator. Pointer Line Type: the line type, line thickness, and line color of the center pointer.
NoteWhen the line type is selected as dotted line or dotted line, the value of the break length of the line and the distance between each break line can also be set.
Center Style: the style of the center pointer, including the size and color of the center.
Center Stroke: the stroke style of the center line, including the line type, line thickness, and line color.
NoteWhen the line type is selected as dotted line or dotted line, the value of the break length of the line and the distance between each break line can also be configured.
Center Text
The text style of the dashboard center indicator. You can click the
icon to control the display of the indicator style. Prefix and Suffix: the prefix and suffix of the text in the center.
Display Value: displays the text in the center of the dashboard.
Relative Offset: the vertical and horizontal offset of the text in the center of the instrument relative to the instrument panel. Unit: pixels.
Text Style: the style of the text in the center of the gauge, including the font style, weight, font size, and color of the text.
Text Stroke: the stroke style of the text in the center of the gauge, including the width and stroke color of the text stroke.
Coordinate: the style of the widget's angle axis.
Angle Axis Display: If you turn on the switch, the angle axis style in the widget is visible. If you turn off the switch, the angle axis style in the widget is invisible.
Angle Range: the display range of the start angle and end angle of the angle axis. Unit: degrees. You can click the
icon to display or hide the angle range. Axis Label: the axis label style of the dashboard. You can click the
icon to display the axis label. Metric
description
Display Format
The display format of the angle axis label. Valid values: Default, 11 (integer), 11.1 (floating point), 11.11 (floating point), 11%(percentage), 11.1%(percentage), 1,111 (thousands separator), and 1,111.1 (thousands separator). For more information about data display formats, see Data display formats.
Label Display
The display style of the label, including the prefix and suffix of the axis label, the angle value of the label, and the offset.
Text Style
The font style, text weight, font size, and color of the axis label text.
Tick mark: the tick mark style of the angle axis of a dashboard, including the length, thickness, and color of the tick mark. You can click the
icon to display the tick mark style. Sub-tick mark: the sub-tick mark style of the angle axis of a gauge, including the total number of sub-tick marks, line length, line thickness, and color. You can click the
icon to display the sub-tick mark style.
Condition: the description of the condition style.
Conditional Style: Click the
or icon to add or remove a conditional style. Click the or icon to configure the arrangement style of multiple conditional styles. Click the icon to copy the selected data series and add a conditional style. For more information about how to configure conditional styles in each series, see Use conditional trees. Prefix and Suffix: the prefix and suffix that are displayed in the dashboard center.
Display Value: the value of the dashboard. You can click the
icon to display or hide the value. Text Style: If you turn on the switch, you cannot configure the dashboard text style in the specified filter conditions. The text style includes the font type, weight, font size, and color. If you turn off the switch, you cannot configure the dashboard text style in the specified filter conditions.
icon to control the display of the chart margins. If you turn on the switch, you can configure the distance between the dashboard area and the four boundaries of the widget. Unit: px by default. 
or 
icon on the right to add or remove a color style series. Click the 
or 
icon to configure the arrangement style of multiple color style series. Click the 
icon to copy the current color style series configuration and add a new color style series with the same configuration. This parameter is available only when the Instrument Color parameter is set to Multicolor. Data Sources panel
Column | Description |
| The minimum value of the scale in the gauge. |
| The maximum value of the scale in the gauge. |
| The content of the dashboard center text. |
| The metric value of the dashboard. |
| The percentage value of the metric ratio in the dashboard. The configuration data needs to be a value between 0 and 100. |
Configure data items | Description |
Data sources | You can use the code editor or visual editor to view the data fields contained in the widget. You can also modify the data type to flexibly configure the component data. |
Data Mapping | If you need to customize chart field configurations, you can set different field mapping content in the Data Mapping module and field mapping these content to the corresponding fields of the widget. This allows you to match data without modifying the fields in the data source. You can also click the |
Configure a filter | Turn on Filter, select an existing data filter or create a data filter, and configure a data filter script to filter data. For more information, see Manage data filters. |
Data Response Result | The Data Response Result section displays widget data in real time. If the data source of the widget changes, this section displays the latest data. If the system response is delayed, you can click the |
Forbid Loading | If you select the check box, you will not see the loaded content during component initialization when you update the component and preview the data kanban. If you select the check box, the opposite is true. By default, the status is deselected. |
Controlled Mode | If you select the check box, the component does not request data in the initialized state, and only requests data by using global variables or the method configured in Blueprint Editor. If you clear the check box, you can use automatic update to request data. By default, the status is deselected. |
Auto Data Request | Select the check box to manually enter the time frequency of polling to set dynamic polling. If you clear the page, the page is not automatically updated. You need to manually refresh the page or use Blueprint Editor and global variable events to trigger a request to update data. |
icon to configure the field style. 
icon on the right to view the data response result. You can also click the 
icon on the right to obtain the latest data of the widget. You can also click View Example to view an example of the response result of the current component. Advanced Panel
This widget does not support interaction events.
Blueprint Interaction
Click the
icon in the upper-left corner to go to the Blueprint page. On the Layer Nodes tab, add the widget to the main canvas.
View blueprint configuration parameters.
Event
Event
Description
When the dashboard interface request is completed
The event is triggered with the processed JSON data after a data interface request is responded and processed by a filter. For more information about specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.
Action
Action
Description
Import dashboard interfaces
After data of a widget is processed in accordance with its drawing format, the widget is imported for redrawing. You do not need to request server data again. For more information about specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.
Request dashboard interface
This action is performed to request the server data again. The data sent by an upstream data processing node or layer node is used as a parameter. For example, if the dashboard is configured with the API data source as
https://api.testand the data passed to the request dashboard interface action as{ id: '1'}, the final request interface ishttps://api.test?id=1.Move
Move a widget to a specified location. For more information, see the data example.
{ // The positioning type. to indicates absolute positioning, whereas by indicates relative positioning. The default value is to. "positionType": "to", // The location, which is indicated by the x and y coordinates. "attr": { "x": 0, "y": 0 }, // The animation type. "animation": { "enable": false, // The animation delay. Unit: milliseconds. "animationDuration": 1000, // The animation curve, which can be set to linear|easeInOutQuad|easeInOutExpo. "animationEasing": "linear" } }Switch Display /Display
Specifies whether to show or hide a widget. No parameters are required.
Display
Display the widget. For more information, see Data example.
{ "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }Hide
Hide the component. For more information, see Data example.
{ "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }Update component configurations
Style configurations of widgets are dynamically updated. In the Style panel, click Copy Configuration to Clipboard to obtain the configuration data of the widget. After that, change the style field for the data processing node in Blueprint Editor.
icon in the upper-left corner to go to the Blueprint page. 