html5动态图表工具FineReport：[12]散点图

1、 准备数据

新建工作薄，添加内置数据集，数据如下图，以该数据集数据作为图表数据来源：

注：内置数据集中，数据列类型为小数。若其输入的值小于0.001的，点击确定后就会自动按照科学计算法显示数据。如：0.00001显示为1.0E-5。

2、 插入图表

以悬浮图表为例，点击插入>悬浮元素>插入图表，弹出图表向导对话框，选择散点图，点击确定。

3、 图表布局

选中图表，在右侧上方的图表属性表中选择图表属性表-类型，布局选择最后一个，即显示图例+标题+趋势线，如下图：

4、 设置图表数据

图表数据来源于数据集数据，选中图表，选择图表属性表-数据，如下设置：

5、 设置图表样式

折线类型设置

点击图表属性表-样式>系列，选择折线类型，默认为无，并设置标记类型，默认也为无，设置如下图：

对数刻度

如果数据之间的差距较大，并且有按对数增长的趋势，可使用对数刻度，增加图表数据的可读性。设置过程如下：

选中图表，点击图表属性表-样式>坐标轴>Y轴，勾选值定义中的使用对数刻度，并设置底数为10，默认为10，如下图：.

注：示例模板并没有设置对数刻度。

6、保存与预览

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

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