html5动态图表工具FineReport:[12]散点图
1、准备数据新建工作薄,添加内置数据集,数据如下图,以该数据集数据作为图表数据来源:注:内置数据集中,数据列类型为小数。若其输入的值小于0.001的,点击确定后就会自动按照科学计算法显示数据。如:0.00001显示为1.0E-5。
![html5动态图表工具FineReport:[12]散点图](https://exp-picture.cdn.bcebos.com/90c61d1c99c0affcc508229b2372941fbfe4ea21.jpg)
2、插入图表以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择散点图,点击确定。
3、图表布局选中图表,在右侧上方的图表属性表中选择图表属性表-类型,布局选择最后一个,即显示图例+标题+趋势线,如下图:
![html5动态图表工具FineReport:[12]散点图](https://exp-picture.cdn.bcebos.com/955ea0e434daf05e61ad7fc5751d96d81919e521.jpg)
4、设置图表数据图表数据来源于数据集数据,选中图表,选择图表属性表-数据,如下设置:
![html5动态图表工具FineReport:[12]散点图](https://exp-picture.cdn.bcebos.com/4b626771fe1d96d8379767942ccd0c6efaf2e121.jpg)
5、设置图表样式折线类型设置点击图釉涑杵抑表属性表-样式>系列,选择折线类型,默认为无,并设置标记类型,默认也为无,设置如下图:对数刻度如果数据之间的差登订轨啉距较大,并且有按对数增长的趋势,可使用对数刻度,增加图表数据的可读性。设置过程如下:选中图表,点击图表属性表-样式>坐标轴>Y轴,勾选值定义中的使用对数刻度,并设置底数为10,默认为10,如下图:.注:示例模板并没有设置对数刻度。
![html5动态图表工具FineReport:[12]散点图](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6ec87c0407fed7997bbaf4dd21.jpg)
![html5动态图表工具FineReport:[12]散点图](https://exp-picture.cdn.bcebos.com/03f26bd7997bbbf4e2d6746e5549610f8a56d621.jpg)
6、保存与预览保存模板,点击分页预览,即可看到如上效果。模板效果在线查看请点击Trends.cpt已完成模板可参考%FR_HOME%\WebR髫潋啜缅eport\WEB-INF\reportlets\doc\Advanced\Chart\Trends.cpt。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:28
阅读量:80
阅读量:87
阅读量:64
阅读量:25