js统计图表制作圆环图

来源：互联网发布：java处理大量数据编辑：程序博客网时间：2024/05/18 23:25

工具/原料

1. 描述

圆环图类似于饼图，显示个体与整体之间的关系，可以直观了解个体部分所占整体部分的百分比，但是不同于饼图的是，圆环图可以包含多个分类，即多层圆环图，可以从圆环的径向上去比较不同分类下同一系列的数据的变化趋势。

2. 示例

下面我们制作一张圆环图图表，显示各个地区产品的销量情况，在查看每个地区产品销量所在份额的同时，对比同一个产品在不同地区的销量差异情况。

2.1 数据准备

新建数据集ds1：SELECT * FROM [销量]

2.2 圆环图

在报表主体合并一片单元格，插入图表，图表类型选择圆环图，如下图：

插入图表之后，点击图表属性表-数据，为该图表绑定数据，如下图：

2.3 系列样式设置

点击图表属性表-样式>系列，对圆环图的内径大小、系列间隔和分类间隔进行设置，如下图：

2.4 效果查看

保存模板，点击分页预览，可以如下图所示效果：

注：圆环图不支持不同分类下不同系列的展示。

已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\doughnut.cpt

模板效果在线查看请点击doughnut.cpt

0 0