环形图

更新时间:
复制为 MD 格式

使用场景

当页面需要通过环形图类型的图表显示数据时,您可以选择使用环形图图组件。

使用说明

图表绑定的数据源支持固定数据源及动态数据源。数据源类型需为List<Structure>。

  • 当数据源为固定值时,您可以单击编辑数据,在数据编辑对话框中设置数据源。

  • 当数据源为动态值时,支持绑定List<Structure>类型的变量。

使用示例

环形图组件拖入编排页面画布中时,其数据源分为固定值动态值

  • 当数据源为固定值时,您可以参考以下示例添加或删除数据源。

    [
      {
        "type": "睡觉",
        "value": 30
      },
      {
        "type": "晨练",
        "value": 10
      },
      {
        "type": "上班",
        "value": 60
      }
    ]

    单击右侧属性面板中的编辑数据按钮,即可打开数据编辑弹窗,在弹窗中以 JSON 格式修改分类与数值数据。属性面板还支持配置分类字段(默认 type)、值字段(默认 value)、图表标题图表描述标题对齐方式以及图表宽度图表高度等属性。

  • 当数据源为动态值时,需要绑定一个类型为Structure的变量。当数据源为动态值时,需在右侧属性面板的数据设置区域配置数据源分类字段值字段三个参数。