历史版本10 :自定义组合图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.概述编辑

1.1 应用场景

自定义组合图可自由选择柱形图、折线图、面积图、饼图、等弧度玫瑰图、不等弧度玫瑰图、多指针的仪表盘360度、多指针的仪表盘180度、百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘、雷达图、堆积柱形雷达图、散点图、气泡图共15种图形的一种或多种。

自定义组合图适用于多个数据集,可同时进行多个类别数据的比较,可以比较明显地显示出各数据之间的比例差异。

自定义组合图(饼图-柱形图)展示效果如下图所示:

1589284034331212.png

1.2 图表特点

特点:可以根据需要自由选择适合的图表组合使用,集合各个图表的优势,适合不同数据集之间的对比,可以比较明显地显示出各数据之间的比例差异,也可以比较各个类别的占比情况。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入图表时,图表类型选择自定义组合,如下图所示:

2020-05-12_18-55-43.png

2.2 数据

自定义组合图数据绑定的详细介绍可以参见文档:图表数据

2.3 样式

自定义组合图的基础样式设计的详细介绍可以参见文档:图表样式

自定义组合图的样式>系列有所不同,需单独介绍,如下图所示:

1)坐标轴自定义

选择样式>坐标轴新增添加坐标轴按钮,用户可新增其他的X、Y轴,并对新坐标的属性进行设置。

2020-05-17_17-31-11.png

2)堆积自定义

新增的坐标轴需要对应到具体系列的值,样式>系列下新增堆积和坐标轴功能,用户可自定义坐标轴的堆积属性和系列对应关系。

2020-05-17_17-13-39.png

3)饼图属性设置

此处可设置饼图的位置与大小(X轴、Y轴的坐标、饼图的半径),用户可自定义饼图的位置与大小以及样式。

2020-05-17_17-14-13.png

2.4 特效

自定义组合图特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

这里我们以柱形图-饼图的组合图为例演示操作步骤。

3.1 报表设计

3.1.1 准备数据

新建数据查询 ds1,数据库查询语句如下:

SELECT * FROM 销量

2020-05-12_18-58-21.png

3.1.2 插入图表

合并一片区域单元格,右键选择 A1 单元格,点击单元格元素>插入图表>自定义组合,选择柱形图、饼图,如下图所示:

注:自定义时,根据勾选的顺序,决定画图时图层叠加的顺序。越往后勾选的图表类型,越在图层上层。

2020-05-12_19-00-15.png

3.1.3 数据绑定

绑定图表数据,如下图所示:
222

注:当设置饼图时,取消分类设置,只生成一个饼图。

3.1.4 样式设计

1)选择样式>系列,添加堆积和坐标轴 1,增加条件,系列序号为 1 or 2 or 3,再添加堆积和坐标轴 2,增加条件,系列序号为 4 or 5,如下图所示:
2020-05-12_19-14-45.png

2020-05-12_19-18-57.png

注:堆积和坐标轴设置中,系列序号都是相对于本图表类型数据的系列序号,而不是全体数据。

2)为避免饼图和柱形图部分重叠,选择样式>坐标轴>Y 轴,设置最大值为 5000 ,如下图所示:
2020-05-12_19-26-31.png

3)选择样式>标签>饼图,勾选使用标签,勾选百分比,选择饼图外牵引线,如下图所示:
2020-05-12_19-38-03.png

3.2 效果预览

1)PC端

保存模板,点击表单预览,效果如下图所示:

2020-05-12_19-46-59.png

2)移动端

67b06bce383895695b24c648dd6c1746.jpg

4. 模板下载编辑

点击下载模板:ColumnPieChart.cpt