Skip to main content

饼图

1 说明

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

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

2 配置

2.1 数据源​

数据源的设置为通用设置，可参考柱状图文档说明。

2.2 图数据设置​

2.2.1 标题​

饼图每个扇区的标签，通用设置下的“是否显示文本标签”开关打开时，显示的即为标题内容。

2.2.2 值​

值定义的是饼图每个扇区的大小。

2.2.3 缺省图形数据​

编辑态数据源，配置后可在编辑态实时查看图表效果。可参考柱状图文档内的说明。

2.3 图例​

是否显示图例，默认显示。可参考通用配置。下图红框内为图例：

2.4 通用​

饼图通用配置。

2.4.1 外径​

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

2.4.2 是否显示文本标签​

默认不显示。

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

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

展示效果：

2.4.3 是否显示提示框​

默认不显示。

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

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

2.5 高级​

暂未支持。

2.6 检索配置​

默认为无，支持：

  • 无检索
  • 外部元件检索 - 参考通用配置

2.7 可见性设置​

可参考通用配置

2.8 设计​

可参考通用配置

3 效果展示

显示图例，显示定制化标签，外径设为 50%：