JEPLUS图表引擎之多系列折线图—JEPLUS软件快速开发平台

      QQ图片20180606145324.gif

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的使用经验

数据库水平:能实现简单的增删查改


四、实现步骤

多系列折线图具体实现方法和单系列折线图差不太多,主要是数据源变了,显示的时候多了几条数据。我们在这里将我们的数据源修改一下

image.png

将我们的数据源增加2个属性值,代码如下:

image.png

右键点击同步数据源

image.png

将时间拖动到X轴,将数据轴拖动到Y轴,将字段拖到系列

image.png

保存一下

image.png

接下来我们点击样式-->图例启动-->图例位置我这是选择下,当然你也可以选择右,这个主要根据你的需求而定。

image.png

结果如图所示

image.png

图表下面的图例点击一下,他的折线就会隐藏,再点击一下又会显示,我在这里点击了数量,图中数量消失不见

image.png

再次点击,显示数量

image.png

我们可以在样式功能中自定义图表演示,这里我带大家简单演示一下。给我们折线图取个标题,至于背景颜色,边框颜色那些大家可以自己试一下,不是什么难事

image.png

结果如下图所示

image.png

查看原文及阅读更多


猜你喜欢

转载自blog.51cto.com/13797782/2129747
今日推荐