html5动态图表工具FineReport:[8]三围饼图表
1、 准备数据
新建工作薄,添加数据集,SQL语句为SELECT * FROM [订单] where 货主国家='中国',查询出中国的所有订单信息。
制作一张分组报表统计出中国各地区的销量总和,以此为数据源制作一张三维饼图,如下:
![html5动态图表工具FineReport:[8]三围饼图表](https://exp-picture.cdn.bcebos.com/07c98f2ca5cadce86bc90648fcf7980e5e2095d5.jpg)
2、 新建饼图
以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导,选择饼图,如下图:
点击确定。
![html5动态图表工具FineReport:[8]三围饼图表](https://exp-picture.cdn.bcebos.com/994f412043715fdb34a2bf8e468920c5270f8cd5.jpg)
3、 修改饼图类型
默认的饼图类型是平面饼图,即二维饼图,新建一个饼图之后,默认新建的是二维饼图,我们这里要制作的是三维饼图,则需要修改饼图类型。
选中饼图,在报表右侧上方的图表属性表中进行修改,选择图表属性表-类型,修改饼图类型为三维饼图,如下图:
注:三维图表不支持布局方式的选择。
![html5动态图表工具FineReport:[8]三围饼图表](https://exp-picture.cdn.bcebos.com/2184380f8835dd8a505c43b303013870d44187d5.jpg)
4、设置饼图数据
选中悬浮饼图,图表数据来源于单元格数据,选择报表右侧上方的图表属性表,点击图表属性表-数据,设置如下:
![html5动态图表工具FineReport:[8]三围饼图表](https://exp-picture.cdn.bcebos.com/444696013870d541340ea0bc2e0f94fc518c80d5.jpg)
5、保存与预览
保存模板,点击分页预览,效果即如上。模板效果在线查看请点击3Darea.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\3Darea.cpt。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:41
阅读量:165
阅读量:56
阅读量:141
阅读量:99