html5动态图表工具FineReport:[10]折线图表
1、准备数据新建工作薄,添加内置数据集ds1,数据如下:
![html5动态图表工具FineReport:[10]折线图表](https://exp-picture.cdn.bcebos.com/50a010f85856d53de2c3d85d47d2bb665059ca7e.jpg)
3、交互属性设置查看图表时,鼠标移到图表上能够有提示,这个可以通过图表交互来实现。选中折线图,点击图表属性表-特效>交互属性,设置数据点提示及坐标轴交互,如下图:
![html5动态图表工具FineReport:[10]折线图表](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c149e9cd2360d89a146b6b1387f.jpg)
4、样式设置最后我们可以给图表设置样式,使得图表更加专业。点击图表属性表-样式>挢旗扦渌;区域>绘图区,勾选掉网格线属性下的横向,将横向网格线的线型设为无;分类轴是日期时间,可以分类轴的数字改为时间类型,并设置格式为hh:mm;已完成模板,可参见%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\LineChart.cpt。在线查看模板效果请点击LineChart.cpt
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:25
阅读量:91
阅读量:64
阅读量:57
阅读量:86