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

Posted jeplus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JEPLUS图表引擎之多系列折线图—JEPLUS软件快速开发平台相关的知识,希望对你有一定的参考价值。

技术分享图片

 

                                                                       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软件快速开发平台的主要内容,如果未能解决你的问题,请参考以下文章

资源表 表字段类型大全—JEPLUS快速开发平台

JEPLUS之字段快速创建的辅助工具—快速开发平台

快速开发平台怎么支持扩展第三方供应商短信发送—JEPLUS快速开发平台

canvas图表详解系列:折线图

echarts图表——折线图&饼图

mysql对数据库的表的特殊限定