Skip to main content

环形图

1 说明

共工的所有图表是基于 echarts 进行元件的改造，如果您想知道共工图表能做到的功能、样式和效果，可以参考 echarts 图表。环形图的主要效果如下：

2 配置

2.1 数据源​

数据源：支持通过数据库、逻辑、连接器三种方式。参考数据源配置

2.2 定时刷新​

开启后可设置图表的定时刷新时间

2.3 图数据设置​

  1. 指标名称：每个扇区的标签，通用设置下的“是否显示文本标签”开关打开时，显示的即为标题内容。
  2. 值：定义的是每个扇区的大小。
  3. 调色盘：定义各扇区的颜色
  4. 颜色规则：可设置不同规则下的颜色
  5. 点击事件：参考事件
  6. 缺省图形数据:编辑态数据源，配置后可在编辑态实时查看图表效果。可参考柱状图文档内的说明。

2.4 标题​

  1. 显示标题：设置标题是否显示
  2. 主标题：设置主标题文本表达式
  3. 副标题：设置副标题的文本表达式

2.5 图例​

  1. 显示图例：是否显示图例
  2. 布局：显示为横向平铺还是纵向平铺
  3. 与容器距离：图例展示的位置
  4. icon：默认、圆角矩形、实心圆三种

2.6 通用​

  1. 外径：设置环形图外径占图表的百分比，默认 75
  2. 内径：设置环形图外径占图表的百分比，默认 50。
  3. 显示文本标签：设置是否显示文本标签
  4. 标签内容：标签内容的文本表达式
  5. 显示提示框：设置鼠标 hover 图表时是否显示提示框
  6. 提示框内容：提示框内容的文本表达式

2.7 高级​

开发者模式：默认关闭。开启后，底下出现代码输入框；

同时运行时出现按钮“查看代码”，点击后出现图表代码与编辑框，在此处输入编辑内容，只能看调整后的预览效果，不是实际生效

2.8 其他配置​

检索功能请参考检索配置

可见性请参考可见性/禁用性设置

样式相关请参考样式配置

高级功能请参考高级函数

3 效果展示