码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-15 13:06:18      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:图表   折线图   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!