首页 > Web开发 > 详细

web表格控件制作圆环图

时间:2015-04-27 15:30:49      阅读:183      评论:0      收藏:0      [点我收藏+]

工具/原料

  • web表格控件:FineReport7.1.1

  • 大小:148.2M 适用平台:windows/linux

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


web表格控件制作圆环图

原文:http://irisfine.blog.51cto.com/9685949/1639010

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!