Html5图表工具FineReport:[12]折线图

 时间:2024-10-30 13:33:20

工业控制行业,污水处理的流程系统中,用折线图反映出一段时间内,进水流量、出水浯裁佻辞流量、气体流量、剩余污泥流量等指标的波动趋势。用户查看图表时,对于某一时间的数据,鼠标移呼鳏魇杰上去,能定位到这个时间点对应的各条折线上的数据,能随着鼠标上下移动,显示出来,如下图:这样的图表效果我们可以使用折线图以及图表交互属性来实现。

Html5图表工具FineReport:[12]折线图

工具/原料

Html5图表工具:FineReport

电脑

方法/步骤

1、准备数据新建工作薄,添加内置数据集ds1,数据如下:

Html5图表工具FineReport:[12]折线图

2、插入折线图选择插入>悬浮元素>插入图表,弹出图表向导对话框,选择折线图。点击确定,选中图表,选择图表属性表-数据,图表来源来自内置数据集,设置如下:

Html5图表工具FineReport:[12]折线图

3、交互属性设置查看图表时,鼠标移到图表上能够有提示,这个可以通过图表交互来实现。选中折线图,点击图表属性表-特效>交互属性,设置数据点提示及坐标轴交互,如下图:

Html5图表工具FineReport:[12]折线图

4、样式设置最后我们可以给图表设置样式,使得图表更加专业。点击图表属性表-样式>挢旗扦渌;区域>绘图区,勾选掉网格线属性下鹚兢尖睁的横向,将横向网格线的线型设为无;分类轴是日期时间,可以分类轴的数字改为时间类型,并设置格式为hh:mm;已完成模板,可参见%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\LineChart.cpt。在线查看模板效果请点击LineChart.cpt

文明六如何科技胜利或征服过神 辐射76怎么切换武器 环世界游戏中怎么建设热电站 饥荒联机版买一送一怎么送 win10怎么下载狂野飙车9
热门搜索
八戒电影网 灯草和尚电影 扫毒2:天地对决 电影 装修壁纸图片大全 女尸体图片