## 8.2 創建時序圖
### 8.2.1 概述
時序圖表的確是一個使用XYDataset數據集的折線圖。不同點就是再主軸上X軸值顯示的是日期。本章講述的一個簡單應用如下圖8.1所示
圖8.1 一個簡單的時序圖表（參考：TimeSeriesDemo1.java）。
上圖實例代碼參見類TimeSeriesDemo1.java。
### 8.2.2 日期還是數字？
創建序圖使用的數據集是XYDataset。接口不能有返回日期類型以外的方法。那么JFreeChart是如何創建時序圖表的呢？
數據集返回的x值是基本的double類型，但這個值通過一種特殊的方式來進行轉譯成日期——該數是反映了一個從1970/1/1起計算的一個毫秒級值（譯碼過程使用java.util.Data類計算）。
具體的軸類（DateAxis）將毫秒級數據轉化成日期，并作為需要返回該值，將數值作為主軸刻度顯示出來。
### 8.2.3 數據集
演示的本實例，數據使用的是一個TimeSeriesCollection對象（我們可以是任何XYDataset接口的實現）。代碼如下：
```
private static XYDataset createDataset() {
TimeSeries timeseries = new TimeSeries(
"L&G European Index Trust",
(class$org$jfree$data$time$Month == null ? (class$org$jfree$data$time$Month = class$("org.jfree.data.time.Month"))
: class$org$jfree$data$time$Month));
timeseries.add(new Month(2, 2001), 181.8);
timeseries.add(new Month(3, 2001), 167.3);
timeseries.add(new Month(4, 2001), 153.8);
timeseries.add(new Month(5, 2001), 167.6);
timeseries.add(new Month(6, 2001), 158.8);
timeseries.add(new Month(7, 2001), 148.3);
timeseries.add(new Month(8, 2001), 153.9);
timeseries.add(new Month(9, 2001), 142.7);
timeseries.add(new Month(10, 2001), 123.2);
timeseries.add(new Month(11, 2001), 131.8);
timeseries.add(new Month(12, 2001), 139.6);
timeseries.add(new Month(1, 2002), 142.9);
timeseries.add(new Month(2, 2002), 138.7);
timeseries.add(new Month(3, 2002), 137.3);
timeseries.add(new Month(4, 2002), 143.9);
timeseries.add(new Month(5, 2002), 139.8);
timeseries.add(new Month(6, 2002), 137.0);
timeseries.add(new Month(7, 2002), 132.8);
TimeSeries timeseries_0_ = new TimeSeries(
"L&G UK Index Trust",
(class$org$jfree$data$time$Month == null ? (class$org$jfree$data$time$Month = class$("org.jfree.data.time.Month"))
: class$org$jfree$data$time$Month));
timeseries_0_.add(new Month(2, 2001), 129.6);
timeseries_0_.add(new Month(3, 2001), 123.2);
timeseries_0_.add(new Month(4, 2001), 117.2);
timeseries_0_.add(new Month(5, 2001), 124.1);
timeseries_0_.add(new Month(6, 2001), 122.6);
timeseries_0_.add(new Month(7, 2001), 119.2);
timeseries_0_.add(new Month(8, 2001), 116.5);
timeseries_0_.add(new Month(9, 2001), 112.7);
timeseries_0_.add(new Month(10, 2001), 101.5);
timeseries_0_.add(new Month(11, 2001), 106.1);
timeseries_0_.add(new Month(12, 2001), 110.3);
timeseries_0_.add(new Month(1, 2002), 111.7);
timeseries_0_.add(new Month(2, 2002), 111.0);
timeseries_0_.add(new Month(3, 2002), 109.6);
timeseries_0_.add(new Month(4, 2002), 113.2);
timeseries_0_.add(new Month(5, 2002), 111.6);
timeseries_0_.add(new Month(6, 2002), 108.8);
timeseries_0_.add(new Month(7, 2002), 101.6);
TimeSeriesCollection timeseriescollection = new TimeSeriesCollection();
timeseriescollection.addSeries(timeseries);
timeseriescollection.addSeries(timeseries_0_);
return timeseriescollection;
}
```
實例中，系列包含了每月的數據。盡管如此，仍然使用TimeSeries類來顯示間隔的時間值（年、日、小時等）。
### 8.2.4 構建圖表
使用ChartFactory類提供的便利方法createTimeSeriesChart()創建圖表，代碼如下：
```
JFreeChart jfreechart = ChartFactory.createTimeSeriesChart(
"Legal & General Unit Trust Prices", // title
"Date", // x-axis label
"Price Per Unit", // y-axis label
xydataset, // data
true, // create legend?
true, // generate tooltips?
false // generate URLs?
);
```
該方法構建了一個帶有標題、圖例、相應軸的區域和展示器的JFreeChart對象。使用的數據集見上一節內容。
### 8.2.5 定制圖表
圖表的大部分屬性使用了缺省的值進行初始化。當然，我們可以隨時修改這些屬性的設置來改變我們圖表的外觀展現。在本實例中，修改的幾個屬性如下：
+ 修改renderer，改變每個數據點顯示的系列形狀，數據點之間的折線除外。
+ 主軸的數據格式進行格式化后顯示。
修改renderer需要一下兩個步驟：獲得renderer引用和將renderer對象轉化成XYLineAndShapeRenderer類型。代碼如下：
```
XYItemRenderer xyitemrenderer = xyplot.getRenderer();
if (xyitemrenderer instanceof XYLineAndShapeRenderer) {
XYLineAndShapeRenderer xylineandshaperenderer = (XYLineAndShapeRenderer) xyitemrenderer;
xylineandshaperenderer.setBaseShapesVisible(true);
xylineandshaperenderer.setBaseShapesFilled(true);
}
```
最后，將格式化的數據傳給主軸，以改變顯示。代碼如下：
```
DateAxis dateaxis = (DateAxis) xyplot.getDomainAxis();
dateaxis.setDateFormatOverride(new SimpleDateFormat("MMM-yyyy"));
```
當設置了Dataaxis時，系統將自動選擇一個DataTickUnit來顯示主軸刻度。但系統將使用上面我們格式化的數據來顯示，而不是系統默認的格式。
### 8.2.6 全部代碼
文檔的全部代碼如下：
```
/* TimeSeriesDemo1 - Decompiled by JODE
* Visit http://jode.sourceforge.net/
*/
package demo;
import java.awt.Color;
import java.awt.Dimension;
import java.text.SimpleDateFormat;
import javax.swing.JPanel;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.DateAxis;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.data.time.Month;
import org.jfree.data.time.TimeSeries;
import org.jfree.data.time.TimeSeriesCollection;
import org.jfree.data.xy.XYDataset;
import org.jfree.ui.ApplicationFrame;
import org.jfree.ui.RectangleInsets;
import org.jfree.ui.RefineryUtilities;
public class TimeSeriesDemo1 extends ApplicationFrame {
private static final long serialVersionUID = -5412286370956646368L;
/* synthetic */
static Class class$org$jfree$data$time$Month;
public TimeSeriesDemo1(String string) {
super(string);
XYDataset xydataset = createDataset();
JFreeChart jfreechart = createChart(xydataset);
ChartPanel chartpanel = new ChartPanel(jfreechart, false);
chartpanel.setPreferredSize(new Dimension(500, 270));
chartpanel.setMouseZoomable(true, false);
setContentPane(chartpanel);
}
private static JFreeChart createChart(XYDataset xydataset) {
JFreeChart jfreechart = ChartFactory.createTimeSeriesChart(
"Legal & General Unit Trust Prices", // title
"Date", // x-axis label
"Price Per Unit", // y-axis label
xydataset, // data
true, // create legend?
true, // generate tooltips?
false // generate URLs?
);
jfreechart.setBackgroundPaint(Color.white);
XYPlot xyplot = (XYPlot) jfreechart.getPlot();
xyplot.setBackgroundPaint(Color.lightGray);
xyplot.setDomainGridlinePaint(Color.white);
xyplot.setRangeGridlinePaint(Color.white);
xyplot.setAxisOffset(new RectangleInsets(5.0, 5.0, 5.0, 5.0));
xyplot.setDomainCrosshairVisible(true);
xyplot.setRangeCrosshairVisible(true);
org.jfree.chart.renderer.xy.XYItemRenderer xyitemrenderer = xyplot
.getRenderer();
if (xyitemrenderer instanceof XYLineAndShapeRenderer) {
XYLineAndShapeRenderer xylineandshaperenderer = (XYLineAndShapeRenderer) xyitemrenderer;
xylineandshaperenderer.setBaseShapesVisible(true);
xylineandshaperenderer.setBaseShapesFilled(true);
}
DateAxis dateaxis = (DateAxis) xyplot.getDomainAxis();
dateaxis.setDateFormatOverride(new SimpleDateFormat("MMM-yyyy"));
return jfreechart;
}
private static XYDataset createDataset() {
TimeSeries timeseries = new TimeSeries(
"L&G European Index Trust",
(class$org$jfree$data$time$Month == null ? (class$org$jfree$data$time$Month = class$("org.jfree.data.time.Month"))
: class$org$jfree$data$time$Month));
timeseries.add(new Month(2, 2001), 181.8);
timeseries.add(new Month(3, 2001), 167.3);
timeseries.add(new Month(4, 2001), 153.8);
timeseries.add(new Month(5, 2001), 167.6);
timeseries.add(new Month(6, 2001), 158.8);
timeseries.add(new Month(7, 2001), 148.3);
timeseries.add(new Month(8, 2001), 153.9);
timeseries.add(new Month(9, 2001), 142.7);
timeseries.add(new Month(10, 2001), 123.2);
timeseries.add(new Month(11, 2001), 131.8);
timeseries.add(new Month(12, 2001), 139.6);
timeseries.add(new Month(1, 2002), 142.9);
timeseries.add(new Month(2, 2002), 138.7);
timeseries.add(new Month(3, 2002), 137.3);
timeseries.add(new Month(4, 2002), 143.9);
timeseries.add(new Month(5, 2002), 139.8);
timeseries.add(new Month(6, 2002), 137.0);
timeseries.add(new Month(7, 2002), 132.8);
TimeSeries timeseries_0_ = new TimeSeries(
"L&G UK Index Trust",
(class$org$jfree$data$time$Month == null ? (class$org$jfree$data$time$Month = class$("org.jfree.data.time.Month"))
: class$org$jfree$data$time$Month));
timeseries_0_.add(new Month(2, 2001), 129.6);
timeseries_0_.add(new Month(3, 2001), 123.2);
timeseries_0_.add(new Month(4, 2001), 117.2);
timeseries_0_.add(new Month(5, 2001), 124.1);
timeseries_0_.add(new Month(6, 2001), 122.6);
timeseries_0_.add(new Month(7, 2001), 119.2);
timeseries_0_.add(new Month(8, 2001), 116.5);
timeseries_0_.add(new Month(9, 2001), 112.7);
timeseries_0_.add(new Month(10, 2001), 101.5);
timeseries_0_.add(new Month(11, 2001), 106.1);
timeseries_0_.add(new Month(12, 2001), 110.3);
timeseries_0_.add(new Month(1, 2002), 111.7);
timeseries_0_.add(new Month(2, 2002), 111.0);
timeseries_0_.add(new Month(3, 2002), 109.6);
timeseries_0_.add(new Month(4, 2002), 113.2);
timeseries_0_.add(new Month(5, 2002), 111.6);
timeseries_0_.add(new Month(6, 2002), 108.8);
timeseries_0_.add(new Month(7, 2002), 101.6);
TimeSeriesCollection timeseriescollection = new TimeSeriesCollection();
timeseriescollection.addSeries(timeseries);
timeseriescollection.addSeries(timeseries_0_);
return timeseriescollection;
}
public static JPanel createDemoPanel() {
JFreeChart jfreechart = createChart(createDataset());
return new ChartPanel(jfreechart);
}
public static void main$(String[] strings) {
TimeSeriesDemo1 timeseriesdemo1 = new TimeSeriesDemo1(
"Time Series Demo 1");
timeseriesdemo1.pack();
RefineryUtilities.centerFrameOnScreen(timeseriesdemo1);
timeseriesdemo1.setVisible(true);
}
public static void main(String[] args) {
main$(args);
}
/* synthetic */
static Class class$(String string) {
Class var_class;
try {
var_class = Class.forName(string);
} catch (ClassNotFoundException classnotfoundexception) {
throw new NoClassDefFoundError(classnotfoundexception.getMessage());
}
return var_class;
}
}
```
- 1 簡介
- 1.1 什么是JFreeChart
- 1.2 使用文檔
- 1.3 感謝
- 1.4 建議
- 2 圖表實例
- 2.1 介紹
- 2.2 餅圖（Pie Charts）
- 2.3 直方條形圖（Bar Charts）
- 2.4 折線圖（Line Charts）
- 2.5 XY(散點圖)
- 2.6 時序圖
- 2.7 柱狀圖
- 2.8 面積圖
- 2.9 差異圖
- 2.10 梯形圖
- 2.11 甘特圖
- 2.12 多軸圖
- 2.13 復合/覆蓋圖
- 2.14 開發遠景
- 3 下載和安裝JFreeChart 1.0.6
- 3.1 簡介
- 3.2 下載
- 3.3 解包
- 3.4 運行演示實例
- 3.5 編譯源代碼
- 3.6 產生javadoc文檔
- 4 使用JFreeChart1.0.6
- 4.1 概述
- 4.2 創建第一個圖表
- 5 餅圖（Pie Charts）
- 5.1 簡介
- 5.2 創建一個簡單的餅圖（Pie Charts）
- 5.3 片區顏色
- 5.4 片區外廓
- 5.5 空置、零值和負值
- 5.6 片區和圖例標簽
- 5.7 “取出”某個片區
- 5.8 3D餅圖
- 5.9 多餅圖
- 5.10 實例講解
- 6 直方條形圖（Bar Charts）
- 6.1 簡介
- 6.2 創建一個直方條形圖
- 6.3 ChartFactory類
- 6.4 直方條形圖的簡單定制
- 6.5 定制外觀
- 6.6 示例代碼解讀
- 7 折線圖
- 7.1 簡介
- 7.2 使用categoryDataset數據集創建折線圖
- 7.3 使用XYDataset數據集創建折線圖
- 8 時序圖
- 8.1 簡介
- 8.2 創建時序圖
- 9 定制圖表（Customising Charts）
- 9.1 簡介
- 9.2 圖表屬性
- 9.3 圖區屬性
- 9.4 軸屬性
- 9.5 心得體會
- 10 動態圖（Dynamic Charts）
- 10.1 簡介
- 10.2 知識背景
- 10.3 實例應用
- 11 圖表工具條（Tooltips）
- 11.1 概述
- 11.2 創建圖表工具條
- 11.3 收集圖表工具條
- 11.4 顯示圖表工具條
- 11.5 隱藏圖表工具條
- 11.6 定制圖表工具條
- 12 圖表條目標簽（Item Label）
- 12.1 簡介
- 12.2 顯示條目標簽
- 12.3 條目標簽外觀
- 12.4 條目標簽位置
- 12.5 定制條目標簽文本
- 12.6 實例1
- 12.7 實例2
- 13 多軸和數據源圖表（Multi Axis and Dataset）
- 13.1 簡介
- 13.2 實例
- 13.3 建議和技巧
- 14 組合圖表（Combined Charts）
- 14.1 簡介
- 14.2 組合X種類圖區
- 14.3 組合Y種類圖區
- 14.4 組合X-XY圖區
- 14.5 組合Y-XY圖區
- 15 數據源和JDBC(Dataset And JDBC)
- 15.1 簡介
- 15.2 關于JDBC
- 15.3 樣本數據
- 15.4 PostgreSQL
- 15.5 JDBC驅動
- 15.6 應用演示
- 16 導出圖表為PDF格式
- 16.1 簡介
- 16.2 什么是Acrobat PDF
- 16.3 IText
- 16.4 Graphics2D
- 16.5 開始導出
- 16.6 實例應用
- 16.7 查看PDF 文件
- 16.8 Unicode字符問題
- 17 導出圖表為SVG格式
- 17.1 簡介
- 17.2 背景
- 17.3 實例代碼
- 18 Applet
- 18.1 簡介
- 18.2 問題
- 18.3 實例應用
- 19 Servlets
- 19.1 介紹
- 19.2 編寫一個簡單的Servlet應用
- 19.3 編譯實例Servlet
- 19.4 部署實例Servlet
- 19.5 在HMTL頁面種嵌入圖表
- 19.6 支持文件
- 19.7 部署Servlets
- 20 JFreeChart相關技術
- 20.1 簡介
- 20.2 X11/Headless Java
- 20.3 JSP
- 20.4 加載圖片
- 21 包
- 21.1 概述