| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -Chart type. Dynamic modification is not supported. Available values include: - - |
-
| - | -- | -- | -- | -Chart parameters. You must set parameters for bar charts and line charts. Parameter settings for gauge charts do not take effect. You can set the minimum value, maximum value, scale, and line width of the x-axis or y-axis, whether to display the x-axis and y-axis, and whether the line is smooth. Dynamic modification is not supported. - |
-
| - | -Array<ChartDataset> - |
-- | -- | -Data set. You must set data sets for bar charts and line charts. Data set for a gauge chart does not take effect. You can set multiple datasets and their background colors. - |
-
| - | -DataSegment | Array<DataSegment> - |
-- | -- | -Data structures used by progress, loading, and rainbow charts. -DataSegment is available for progress and loading charts. -Array<DataSegment> is available for rainbow charts. A maximum of nine DataSegment are supported in the array. - - |
-
| - | -- | -- | -- | -Whether to enable the effects for progress and rainbow charts. - - |
-
| - | -- | -- | -- | -Animation duration for expanding a rainbow chart, in milliseconds. - - |
-
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -- - | -
| - | -- | -- | -- | -Fill color. For line charts, the value indicates the gradient color to fill. - |
-
| - | -Array<number> | Array<Point>5+ - |
-- | -- | -- | -
| - | -- | -- | -- | -- - | -
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -- - | -
| - | -- | -- | -- | -- - | -
| - | -- | -- | -- | -- - | -
| - | -- | -- | -- | -- | -
| - | -- | -- | -- | -- | -
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -- | -
| - | -- | -- | -- | -- | -
| - | -- | -- | -
|---|---|---|
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -Percentage of the current value to the total value. The value ranges from 0 to 100. - |
-
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- - | -- | -- | -
| - | -- | -- - | -- | -Start angle of the scale bar for gauge and rainbow charts, which starts from the direction of zero o'clock. The value ranges from 0 to 360. - |
-
| - | -- | -- - | -- | -Total length of the scale bar for gauge and rainbow charts. The value ranges from –360 to 360. A negative number indicates the anticlockwise direction. - |
-
| - | -- | -- | -- | -Center of the scale bar of the gauge component. This style is supported by the gauge chart only. This style takes precedence over the position style in the common styles, and must be used together with center-y and radius. This style is supported by the gauge chart only. - |
-
| - | -- | -- | -- | -Center of the scale bar of the gauge component. This style is supported by the gauge chart only. This style takes precedence over the position style in the common styles, and must be used together with center-x and radius. This style is supported by the gauge chart only. - |
-
| - | -- | -- | -- | -Radius of the scale bar of the gauge component. This style is supported by the gauge chart only. This style takes precedence over the width and height in the common styles, and must be used together with center-x and center-y. This style is supported by the gauge chart only. - |
-
| - | -- | -- | -- | -Color of each section for the scale bar of the gauge component. -For example, colors: #ff0000, #00ff00. This style is supported by the gauge chart only. - |
-
| - | -- | -- | -- | -Weight of each section for the scale bar of the gauge component. -For example, weights: 2, 2. This style is supported by the gauge chart only. - |
-
| - | -- | -- | -- | -Font style of the description text. You can use Custom Font Styles. - |
-
| - | -- | -- | -- | -- | -
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used. - |
-
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG and JPG. For details about ImageFrame, see Table 1. - NOTE:
-Set this attribute using data binding, for example, images = {{images}}. Declare the corresponding variable images: [{src: "/common/heart-rate01.png"}, {src: "/common/heart-rate02.png"}] in the JavaScript. -Declare the variable images: [{src: "/common/heart-rate01.png", duration: "100"}, {src: "/common/heart-rate02.png", duration: "200"}] in the JavaScript. You can set the duration (in milliseconds) of each image frame. 6+ - |
-
| - | -- | -- | -- | -Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played. - |
-
| - | -- | -- | -- | -Number of times that the frame animation is played. number indicates a fixed number of playback operations, and infinite indicates an unlimited number of playback operations. - |
-
| - | -- | -- | -- | -Playback sequence. The value false indicates that images are played from the first one to the last one, and true indicates that images are played from the last one to the first one. - |
-
| - | -- | -- | -- | -Whether the image size is fixed to the widget size. true: The image size is the same as the widget size. In this case, the width, height, top, and left attributes of the image are invalid. false: The width, height, top, and left attributes of each image must be set separately. - |
-
| - | -- | -- | -- | -Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle. If image-specific durations have been set, the settings of this attribute do not take effect. - |
-
| - | -- | -- | -- | -Status of the frame animation after its playback is complete. Available values are as follows: - - |
-
| - | -- | -- | -
|---|---|---|
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -
| - | -- | -- | -- | -- | -
|---|---|---|---|---|
| - | -- | -- | -- | -Image scale type. For details about available values, see Types of the object-fit style. The SVG format is not supported. - |
-
| - | -- | -- | -- | -Whether image orientation changes with the text direction. The SVG format is not supported. - |
-
| - | -- | -- | -- | -Whether the <image> component adapts to the image source size when the width and height are not set. If this attribute is set to true, the object-fit attribute does not take effect. SVG images do not support this attribute. - |
-
| - | -- | -- | -- | -Position of an image in the component. - -1. Pixels. For example, 15px 15px indicates the moving position along the x-axis or y-axis. -2. Characters. Optional values are as follows: - - |
-