Skip to main content
Version: 3.2.1

环形图

生成环形图

数据准备:

可根据需要设置图表数据源类型,默认静态数据,数据展示格式为JSON格式且可修改、增加值,亦可选择数据模型处配置数据源;

  1. 点击添加数据模型;

  2. 选择数据模型;

  3. 设置图表在大屏的刷新时间;

环图数据源控制区

环图画法:

现有数据库表详情如下:

数据库表

比如:设置图表需要查看网站的客户来源占比饼图,将涉及到两个字段,name和value;

生成环图的流程如下:

  1. 点击图表/饼图,选择“环图”图表,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. name”拖拽至“维度”;

  4. “value”拖拽至“度量”,此时,图表配置生效且展示数据;

  5. 百分占比值展示数值为:value/总value值=该类别占比值;

  6. 图表联动展示如下图;

环图数据模型展示区

编辑环形图

环形图样式设置:

环形图的样式修改控制区为下图所示:

环形图样式设置

  1. 饼图设置:设置饼图中心位置、半径大小和是否为环形、南丁格尔玫瑰展示,以及是否需要自动排序和不展示占比为0的数据等,详情请见饼图设置;

  2. 标题设置:设置标题及其样式,详情请见标题设置;

  3. 标签设置:设置图表标签的字体大小、颜色等,详情请见标签设置;

  4. 提示语设置:设置预览图表和开启组件关联时标签显示字体大小和颜色,详情请见提示语设置;

  5. 图例操作:设置图例的宽高、朝向位置、文字大小等,详情请见图例操作;

  6. 画布位置:设置图表新增加组件距离画布的左、上、右、下的展示位置,详情请见画布设置;

  7. 自定义配色:设置图表文字和轴线的颜色,详情请见自定义自定义配色;