Skip to main content

环形图

1 说明

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

2 配置

2.1 数据源

1、数据源

主要包括数据库、逻辑、关联关系三种。具体可见数据源配置

2.2 轴设置

1、标题

设置饼图数据项的标题字段

2、值

设置饼图数据项的值字段

3、缺省图形数据

编辑态时使用,用来设置图表的初始数据

2.3 标题

1、显示标题

设置标题是否显示

2、主标题

设置主标题文本表达式

3、副标题

设置副标题的文本表达式

2.4 通用

1、外径

设置环形图外径占图表的百分比,默认 75

2、内径

设置环形图外径占图表的百分比,默认 50。

3、显示文本标签

设置是否显示文本标签

4、标签内容

标签内容的文本表达式

5、显示提示框

设置鼠标 hover 图表时是否显示提示框

6、提示框内容

提示框内容的文本表达式

2.5 高级

1、开发者模式

默认关闭。开启后,底下出现代码输入框;

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

2.6 检索配置

默认无;选外部元件时,可以组合检索容器使用

2.7 可见性设置

该模块为基础模块,请参考可见性配置

2.8 设计

该模块为基础模块,请参考设计

3 效果展示