使用场景
当页面需要通过环形图类型的图表显示数据时,您可以选择使用环形图图组件。
使用说明
图表绑定的数据源支持固定数据源及动态数据源。数据源类型需为List<Structure>。
-
当数据源为固定值时,您可以单击编辑数据,在数据编辑对话框中设置数据源。
-
当数据源为动态值时,支持绑定List<Structure>类型的变量。
使用示例
将环形图组件拖入编排页面画布中时,其数据源分为固定值和动态值。
-
当数据源为固定值时,您可以参考以下示例添加或删除数据源。
[ { "type": "睡觉", "value": 30 }, { "type": "晨练", "value": 10 }, { "type": "上班", "value": 60 } ]单击右侧属性面板中的编辑数据按钮,即可打开数据编辑弹窗,在弹窗中以 JSON 格式修改分类与数值数据。属性面板还支持配置分类字段(默认
type)、值字段(默认value)、图表标题、图表描述、标题对齐方式以及图表宽度和图表高度等属性。 -
当数据源为动态值时,需要绑定一个类型为Structure的变量。当数据源为动态值时,需在右侧属性面板的数据设置区域配置数据源、分类字段和值字段三个参数。
该文章对您有帮助吗?