html5 走势图之散点图

1.问题描述

散点图又称散点分布图,是因变量随自变量而变化的大致趋势图。数据点是在直角坐标系平面上,以一邗锒凳审个变量为横坐标,另一变量为纵坐标,利用散点(坐标点)的分布形态反映变量统计关系的一种图形。它的特点是能直观表现出影响因素和预测对象之间的总体关系趋势;能通过直观醒目的图形方式,反映变量间的形态变化关系情况,以便于来模拟变量之间的关系。

如下图,统计时间与股票和基金的投资关系,从图上可以直观的看出投资时间越长,股票和基金的回报率也越大:

点击确定

2.3设置图表数据

在效果图中可以看到有2个系列,并且系列名称是字段名称,故需要使用单元格数据集,单元格数据如下图:

2.4样式设置

点击图表属性表-样式>标题,输入图表标题股票与基金投资分析,并设置字体样式:

图例位置靠上,选择图例,勾选图例可见,位置选择靠上,如下图:

最后将单元格数据所在的行隐藏,即隐藏第一二行。

2.5保存与预览

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

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