标签:图表 折线图 span lan tor javascrip .com tomcat alt
JEPLUS图表引擎之多系列折线图
一、效果展示
二、准备工作
JEPLUS平台版本:5.0.0.1
Eclipse版本:4.3以上
Intellij IDEA : 2015以上,推荐使用IDEA2017版本以上(功能更强大,UI更美观,支持各种插件,还在等什么?)
Resin : 3.0以上
Tomcat:6.0以上
JDK:1.7以上
ApacheServer:2.0以上
三、技术要求
Java水平:最好具备初级及以上水平
JavaScript水平:具备初级水平,最好有EXT.js的使用经验
数据库水平:能实现简单的增删查改
四、实现步骤
多系列折线图具体实现方法和单系列折线图差不太多,主要是数据源变了,显示的时候多了几条数据。我们在这里将我们的数据源修改一下
将我们的数据源增加2个属性值,代码如下:
右键点击同步数据源
将时间拖动到X轴,将数据轴拖动到Y轴,将字段拖到系列
保存一下
接下来我们点击样式-->图例启动-->图例位置我这是选择下,当然你也可以选择右,这个主要根据你的需求而定。
结果如图所示
图表下面的图例点击一下,他的折线就会隐藏,再点击一下又会显示,我在这里点击了数量,图中数量消失不见
再次点击,显示数量
我们可以在样式功能中自定义图表演示,这里我带大家简单演示一下。给我们折线图取个标题,至于背景颜色,边框颜色那些大家可以自己试一下,不是什么难事
结果如下图所示
JEPLUS图表引擎之多系列折线图—JEPLUS软件快速开发平台
标签:图表 折线图 span lan tor javascrip .com tomcat alt
原文地址:https://www.cnblogs.com/jeplus/p/9186517.html