历史版本28 :饼图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

条形图是用宽度相同的条形的高度或长短来表示数据多少的图形。

利用条形统计图,可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各数据之间的比例差异。

1.2 图表特点

优点:简单直观,很容易根据柱子的长短看出值的大小,易于比较各组数据之间的差别。

缺点:不适合较大数据集的展现。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入饼图后,可在右边属性面板的类型设置项下,自由选择3种子类型,如下图所示:

2020-04-10_22-14-07.png

2.1.1 饼图


2.1.2 等弧度玫瑰图


2.1.3 不等弧度玫瑰图


2.2 数据

饼图数据绑定的详细介绍可以参见文档:图表数据

2.3 样式

饼图样式设计的详细介绍可以参见文档:图表样式

2.4 特效

条形图特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

3.1 报表设计

3.1.1 数据准备

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

select 类别名称,sum(库存量) as kc from 产品,类别

where 产品.类别ID=类别.类别ID and 类别名称!="日用品"

group by 类别名称

2020-04-10_22-37-03.png

3.1.2 组件设计

将3个饼图拖拽到 body 组件中,分别设置成3个不同的子类型,调整它们之间的位置关系,如下图所示:

2020-04-10_22-33-56.png

3.1.3 数据绑定

3个子类型的数据绑定方法是一样的,如下图所示:

2020-04-10_22-36-29.png

3.1.4 样式设计

三种饼图的样式只需要改个标题,其余默认设置即可。

下面单独介绍不等弧度玫瑰图的样式设计:

1)起始角度、终结角度可自由选择(0-360之间),内径占比可自由选择(0-100之间,尽量不要超过90),如下图所示:

2020-04-10_22-43-39.png

3.2 效果预览

1)PC 端

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

2020-04-10_22-52-05.png

2)移动端

QQ图片20200410225430.jpg

4. 模板下载编辑

点击下载模板:饼图.frm