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軸，將字段拖到系列

保存一下

接下來咱們點擊樣式-->圖例啓動-->圖例位置我這是選擇下，固然你也能夠選擇右，這個主要根據你的需求而定。

結果如圖所示

圖表下面的圖例點擊一下，他的折線就會隱藏，再點擊一下又會顯示，我在這裏點擊了數量，圖中數量消失不見

再次點擊，顯示數量

咱們能夠在樣式功能中自定義圖表演示，這裏我帶你們簡單演示一下。給咱們折線圖取個標題，至於背景顏色，邊框顏色那些你們能夠本身試一下，不是什麼難事

結果以下圖所示

查看原文及閱讀更多