html5图表工具FineReport ---- 百分比柱形图

1、准备数据

新建工作薄，添加数据集，SQL语句为SELECT * FROM [销量]。

使用销量表制作一张交叉表，统计各销售员不同产品的销量，作为图表的数据来源，如下图：

2、插入百分比堆积柱形图

以悬浮图表为例，点击插入>悬浮元素>插入图表，弹出图表向导对话框，选择柱形图，点击确定，如下图：

3、设置图表数据源

选中悬浮图表，在右侧图表属性表中选择图表属性表-数据，设置如下：

按照需要可在图表属性表中进一步设置图表样式，这里不再详述，样式详细介绍请查看图表样式。

4、 保存与预览

保存模板，点击分页预览，效果即如上。模板效果在线查看请点击PercentStacked.cpt

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\PercentStacked.cpt。