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

JEPLUS图表引擎之多系列折线图

1、效果展现

 

2、准备工做

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以上

 

3、技术要求

Java水平：最好具有初级及以上水平

JavaScript水平：具有初级水平，最好有EXT.js的使用经验

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

 

4、实现步骤

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

将咱们的数据源增长2个属性值，代码以下：

右键点击同步数据源

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

保存一下

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

结果如图所示

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

再次点击，显示数量

咱们能够在样式功能中自定义图表演示，这里我带你们简单演示一下。给咱们折线图取个标题，至于背景颜色，边框颜色那些你们能够本身试一下，不是什么难事

结果以下图所示

查看原文及阅读更多