html5动态图表工具finereport：[2]图表类型

入门-了解图表的制作

工具/原料

html5动态图表工具finereport

电脑

制作流程

1、图表制作流程如下图：

3、准备数据在制作兔脒巛钒图表前，需要先定义图表的数据来源。在上面的图表制作流程中提到数据来源有两种类型，数据集数据源和单元格数据源，本章节使用数据集作为数据源，如果需要使用单元格数据源，可查看定义图表疟觥窖捎单元格数据源。新建工作薄，添加数据集，SQL语句为SELECT * FROM [销量]，使用销量表作为图表的数据来源。

4、插入图表并选择图表类型图表有两种插入方式：单元格图表与悬浮图表，该例中我们以悬浮图表为例，单元格图表的插入方式请查看单元格图表。点击工具栏中的插入>悬浮元素>插入图表，弹出图表向导，选择图表类型如柱形图，如下图：注：插入图表和选择图表类型一般性是在一起完成的。

6、图表样式设置标题设置选中图表，在设计器右侧上方会出现图表属性表，选择图表属性表-样式>标题，增加图表标题为：地区产品销量，如下图：选择图表属性表-样式>标签，勾选标签，显示出每个系列的值：注：还可以给图表设置其它图表样式。

7、2.5保存模板保存模板，预览便可以看到效果如上图。模板效果在线查看请点击Chart.cpt已完成模板，可参见%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Chart\Chart.cpt。