Skip to main content

饼图

1 说明

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

饼图用于表现不同类目的数据在类目总和中的占比。

2 配置

2.1 数据源

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

2.2 定时刷新

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

2.3 图数据设置

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

2.4 图例

是否显示图例,默认显示。可参考柱状图文档说明。下图红框内为图例:

2.5 通用

饼图通用配置。

2.5.1 外径

饼图半径大小,默认 75%。范围在 0 - 100% 之间。% 是指相对外层容器大小。

2.5.2 是否显示文本标签

默认不显示。

打开后默认在扇区外侧显示。下图为默认展示:

打开后,还可设置标签内容,例如设置展示标题、值、值单位:

展示效果:

2.5.3 是否显示提示框

默认不显示。

打开后,鼠标 hover 到扇区上,默认展示 echart tooltip。

打开后,还可设置提示框展示内容。类似标签的设置。

2.6 高级

开发者模式:默认关闭。开启后,底下出现代码输入框;

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

2.7 其他配置

检索功能请参考检索配置

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

样式相关请参考样式配置

高级功能请参考高级函数

3 效果展示

显示图例,显示定制化标签,外径设为 50%: