手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-21 04:45:59

1、准备数据新建工作薄,添加内置数据集,数据如下图,以该数据集数据作为图表数据来源:注:内置数据集中,数据列类型为小数。若其输入的值小于0.001的,点击确定后就会自动按照科学计算法显示数据。如:0.00001显示为1.0E-5。

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

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

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

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

4、设置图表数据图表数据来源于数据集数据,选中图表,选择图表属性表-数据,如下设置:

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

5、设置图表样式折线类型设置点击图釉涑杵抑表属性表-样式>系列,选择折线类型,默认为无,并设置标记类型,默认也为无,设置如下图:对数刻度如果数据之间的差登订轨啉距较大,并且有按对数增长的趋势,可使用对数刻度,增加图表数据的可读性。设置过程如下:选中图表,点击图表属性表-样式>坐标轴>Y轴,勾选值定义中的使用对数刻度,并设置底数为10,默认为10,如下图:.注:示例模板并没有设置对数刻度。

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

6、保存与预览保存模板,点击分页预览,即可看到如上效果。模板效果在线查看请点击Trends.cpt已完成模板可参考%FR_HOME%\WebR髫潋啜缅eport\WEB-INF\reportlets\doc\Advanced\Chart\Trends.cpt。

© 手抄报圈