The Bar Chart component is primarily used to load and display data within an application, and can be applied to create various types of charts.
Display of the Bar Chart on the Canvas
Frame Section
The basic properties of the Frame are the same as those of the Rect component. For details, please refer to the Frame section of the Rect component documentation.
Properties Section
The basic properties of the Bar Chart component are inherited from the Rect component. For details, please refer to the Properties section of the Rect component documentation.
Additional property explanations are as follows:
Property Name | Data Type | Description |
URL | String Text string |
Configure |
|
|
|
| Object JSON format |
|
| Number Numeric value |
Configure |
| Boolean Boolean value |
Configure |
| Boolean Boolean value |
Configure |
| oneof Selection list |
Configure |
| oneof Selection list |
Configure |
Properties - Border Section
The basic border properties are the same as those of the Rect component. For details, please refer to the Border section of the Rect component documentation.
Animations Section
The basic animation event properties are the same as those of the Rect component. For details, please refer to the Animations section of the Rect component documentation.
Additional animation event explanations:
| Configure the animation event triggered when [condition] occurs. |
| Configure the animation event triggered when [condition] occurs. |
| Configure the animation event triggered when [condition] occurs. |
Events Section
The basic event properties are the same as those of the Rect component. For details, please refer to the Events section of the Rect component documentation.
Additional event explanations:
| Configure the event triggered when [condition] occurs. |
| Configure the event triggered when [condition] occurs. |
| Configure the event triggered when [condition] occurs. |
// Link to Event tutorial article