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軟件快速開發平臺