html5动态图表工具:FineReport 百分比柱形图

作者:滴水穿石 | 创建时间: 2023-07-08
堆积柱形图是在每个分类下将每个系列的值堆积起来显示,不仅可以直观的看出每个系列的值,还能够反映出系列的总和; 而百分比堆积柱形图是每个分类下系列的总和为100%,每个系列按照所占的百分比进行堆积,这样就能直观的看出每个系列所占的比重。 如下...
html5动态图表工具:FineReport 百分比柱形图

操作方法

准备数据 新建工作薄,添加数据集,SQL语句为SELECT * FROM [销量]。 使用销量表制作一张交叉表,统计各销售员不同产品的销量,作为图表的数据来源,如下图:

插入百分比堆积柱形图 以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择柱形图,点击确定,如下图:

设置图表数据源 选中悬浮图表,在右侧图表属性表中选择图表属性表-数据,设置如下: 按照需要可在图表属性表中进一步设置图表样式,这里不再详述,样式详细介绍请查看图表样式。

保存与预览 保存模板,点击分页预览,效果即如上。模板效果在线查看请点击PercentStacked.cpt 已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\PercentStacked.cpt。

点击展开全文

更多推荐