股票K线图-JfreeChart版

股票的K线图是所有Chart图中最复杂的一种,把一个K线图拆分开来我们可以发现,K线图的上半截实际上是由阴阳线(阴阳线可以表示开盘价,收盘价,最高价,最低价)、和若干条随时间变化的若干条均线组成；下半截则由与阴阳线对应的成交量柱形图和若干条随时间变化的成交量均线组成。如下图：

股票K线图-JfreeChart版

了解这一点之后，对照JFreeChart我们发现所有的单个Chart它都已经提供了，我们所需要做的就是把这些Chart进行组合，进而形成一张K线图。

股票中的阴阳线，我们可以用OHLCDataset(蜡烛图)来实现，均线可以用IntervalXYDataset来实现，对于与阴阳线对应的成交量的值我们同样可以用OHLCDataset来实现，只是在编程的时候注意些技艺就可以实现了。

表示阴阳线的(蜡烛图)OHLCDataset如下图：

股票K线图-JfreeChart版

表示均线的IntervalXYDataset图如下：

股票K线图-JfreeChart版

对于K线图的上半部分我们可以用JFreeChart中的蜡烛图与时间线图的叠加来完成，下半部分我们同样可以用JFreeChart中的蜡烛图与时间线图的叠加来完成。完成之后我们只需要将上下两部分Chart用CombinedDomainXYPlot进行组合，得到的结果就是我们想要的K线图。知道中明确了这些信息之后我们就可以动手来做JFreeChart版的K线图啦。

这里我们采用JFreeChart的最新版jfreechart-1.0.6来实现。为了方便我们把做好的K线图放到网页当中我们采用Applet来作为载体。同时为了不让Applet直接去访问数据库我们利用Bstek公司的J2EE前端展现产品Dorado5来在客户端为K线图的Applet传递数据，接下来我们就来一步一步实现我们的K线图JFreeChart版。

1) 构造一个为K线图提供数据的表，表结构如下：

create table k_line_data(

stock_name varchar(100),--股票名称

issue_date date,//日期

open_value double,//开盘价

high_value double,//最高价

low_value double,//最低价

close_value double,//收盘价

volume_value double,//成交量

avg5 double,//5日均价

avg10 double,//10日均价

avg20 double,20日均价

avg60 double,//60日均价

vol_avg5 double,//5日成交量均价

vol_avg10 double//10日成交量均价

)

接下来我们需要虚拟一些数据出来提供给K线图使用，我们用Dorado5展现的效果如下：

股票K线图-JfreeChart版

我们要实现的效果是在客户端通过Dorado5中的Dataset通过JS来调用Applet里的方法，为Applet里的K线图提供数据，这样做就避免了我们在Applet里直接去访问服务器端的数据库里的数据。

2) Applet代码如下：

package test.applet;

import java.awt.Color;

import java.text.DecimalFormat;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Calendar;

import java.util.Date;

import java.util.HashMap;

import java.util.Iterator;

import java.util.List;

import java.util.Map;

import javax.swing.JApplet;

import javax.swing.JPanel;

import org.jfree.chart.ChartPanel;

import org.jfree.chart.JFreeChart;

import org.jfree.chart.axis.DateAxis;

import org.jfree.chart.axis.DateTickUnit;

import org.jfree.chart.axis.NumberAxis;

import org.jfree.chart.block.BlockBorder;

import org.jfree.chart.block.BlockContainer;

import org.jfree.chart.block.BorderArrangement;

import org.jfree.chart.labels.StandardXYToolTipGenerator;

import org.jfree.chart.plot.CombinedDomainXYPlot;

import org.jfree.chart.plot.Plot;

import org.jfree.chart.plot.XYPlot;

import org.jfree.chart.renderer.xy.CandlestickRenderer;

import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;

import org.jfree.chart.title.LegendTitle;

import org.jfree.data.general.Dataset;

import org.jfree.data.time.Day;

import org.jfree.data.time.TimeSeries;

import org.jfree.data.time.TimeSeriesCollection;

import org.jfree.data.xy.DefaultHighLowDataset;

import org.jfree.data.xy.IntervalXYDataset;

import org.jfree.data.xy.OHLCDataset;

import org.jfree.ui.HorizontalAlignment;

import org.jfree.ui.RectangleEdge;

public class TestApplet extends JApplet {

List ls = new ArrayList();//定义一个用来保存数据的集合类List

Map map = null;//用来表示一条记录

public TestApplet() {//将Chart在 Applet中显示

JPanel jpanel = createDemoPanel();

setContentPane(jpanel);

}

public void clearList(){//清空保存数据的集合类List

ls.clear();

}

private JFreeChart createCombinedChart() {

Map m = createDatasetMap();//从数据对象里取出各种类型的对象，主要是用来表示均线的时间线(IntervalXYDataset)对象和用来表示阴阳线和成交量的蜡烛图对象(OHLCDataset)

IntervalXYDataset avg_line5 = (IntervalXYDataset) m.get("avg_line5");

IntervalXYDataset avg_line10 = (IntervalXYDataset) m.get("avg_line10");

IntervalXYDataset avg_line20 = (IntervalXYDataset) m.get("avg_line20");

IntervalXYDataset avg_line60 = (IntervalXYDataset) m.get("avg_line60");

IntervalXYDataset vol_avg_line5 = (IntervalXYDataset) m

.get("vol_avg_line5");

IntervalXYDataset vol_avg_line10 = (IntervalXYDataset) m

.get("vol_avg_line10");

OHLCDataset k_line = (OHLCDataset) m.get("k_line");

OHLCDataset vol = (OHLCDataset) m.get("vol");

String stock_name = (String) m.get("stock_name");

//设置若干个时间线的Render，目的是用来让几条均线显示不同的颜色，和为时间线加上鼠标提示

XYLineAndShapeRenderer xyLineRender = new XYLineAndShapeRenderer(true,

false);

xyLineRender.setBaseToolTipGenerator(new StandardXYToolTipGenerator(

"{0}: ({1}, {2})", new SimpleDateFormat("yyyy-MM-dd"),

new DecimalFormat("0.00")));

xyLineRender.setSeriesPaint(0, Color.red);

XYLineAndShapeRenderer xyLineRender1 = new XYLineAndShapeRenderer(true,

false);

xyLineRender1.setBaseToolTipGenerator(new StandardXYToolTipGenerator(

"{0}: ({1}, {2})", new SimpleDateFormat("yyyy-MM-dd"),

new DecimalFormat("0.00")));

xyLineRender1.setSeriesPaint(0, Color.BLACK);

XYLineAndShapeRenderer xyLineRender2 = new XYLineAndShapeRenderer(true,

false);

xyLineRender1.setBaseToolTipGenerator(new StandardXYToolTipGenerator(

"{0}: ({1}, {2})", new SimpleDateFormat("yyyy-MM-dd"),

new DecimalFormat("0.00")));

xyLineRender1.setSeriesPaint(0, Color.blue);

XYLineAndShapeRenderer xyLineRender3 = new XYLineAndShapeRenderer(true,

false);

xyLineRender1.setBaseToolTipGenerator(new StandardXYToolTipGenerator(

"{0}: ({1}, {2})", new SimpleDateFormat("yyyy-MM-dd"),

new DecimalFormat("0.00")));

xyLineRender1.setSeriesPaint(0, Color.darkGray);

//定义K线图上半截显示的Plot

XYPlot volPlot = new XYPlot(vol_avg_line5, null, new NumberAxis(

"股票价格情况"), xyLineRender);

//定义一个CandlestickRenderer给蜡烛图对象使用，目的是对蜡烛图对象的显示进行调整，这里主要是调整它显示的宽度并加上鼠标提示

CandlestickRenderer candlesRender = new CandlestickRenderer();

candlesRender.setCandleWidth(4D);

candlesRender.setBaseToolTipGenerator(new StandardXYToolTipGenerator(

"{0}: ({1}, {2})", new SimpleDateFormat("yyyy-MM-dd"),

new DecimalFormat("0.00")));

//把其它的几个Dataset加到上半截要显示的Plot里，并同时设置它们所采用的Render，以形成一个叠加显示的效果

volPlot.setDataset(1, vol_avg_line10);

volPlot.setRenderer(1, xyLineRender1);

volPlot.setDataset(2, vol);

volPlot.setRenderer(2, candlesRender);

XYPlot candlePlot = new XYPlot(k_line, null, new NumberAxis(

""), candlesRender);

candlePlot.setDataset(1, avg_line5);

candlePlot.setRenderer(1, xyLineRender1);

candlePlot.setDataset(2, avg_line10);

candlePlot.setRenderer(2, xyLineRender2);

candlePlot.setDataset(3, avg_line20);

candlePlot.setRenderer(3, xyLineRender3);

candlePlot.setDataset(4, avg_line60);

candlePlot.setRenderer(4, xyLineRender);

DateAxis dateaxis = new DateAxis("K线图");

dateaxis.setTickUnit(new DateTickUnit(1, 1, new SimpleDateFormat(

"MM/yy")));//设置日期格式及显示日期的间隔

dateaxis.setLowerMargin(0.0D);

dateaxis.setUpperMargin(0.02D);

//定义一个复合类型的Plot，目的是为了把Chart的上半截和下半截结合起来，形成一张完整的K线图

CombinedDomainXYPlot combineXY = new CombinedDomainXYPlot(dateaxis);

//把上下两个Plot都加到复合Plot里，并设置它们在图中所占的比重

combineXY.add(candlePlot, 3);

combineXY.add(volPlot, 1);

combineXY.setGap(8D);

combineXY.setDomainGridlinesVisible(true);

JFreeChart jfreechart = new JFreeChart(stock_name,

JFreeChart.DEFAULT_TITLE_FONT, combineXY, false);

jfreechart.setBackgroundPaint(Color.white);

//为Chart图添加一个图例，这里我们可以定义需要显示的一些信息，及图例放置的位置，我们选择的顶部

LegendTitle legendtitle = new LegendTitle(candlePlot);

BlockContainer blockcontainer = new BlockContainer(

new BorderArrangement());

blockcontainer.setFrame(new BlockBorder(0.10000000000000001D,

0.10000000000000001D, 0.10000000000000001D,

0.10000000000000001D));

BlockContainer blockcontainer1 = legendtitle.getItemContainer();

blockcontainer1.setPadding(2D, 10D, 5D, 2D);

blockcontainer.add(blockcontainer1);

legendtitle.setWrapper(blockcontainer);

legendtitle.setPosition(RectangleEdge.TOP);

legendtitle.setHorizontalAlignment(HorizontalAlignment.CENTER);

jfreechart.addSubtitle(legendtitle);

return jfreechart;

}

///该方法主要是为WEB端的JS调用,定义一个新的Map,插入一行空的记录

public void insertRecord() {

map = new HashMap();

}

///该方法主要是为WEB端的JS调用,为当前记录设置值

public void setValue(String key, String value) {

map.put(key, value);

}

///该方法主要是为WEB端的JS调用,把当前记录添加到记录集List里

public void postRecord() {

ls.add(map);

}

public Map createDatasetMap() {

//从每一行记录里取出特定值，用来开成各种类型的均线和阴阳线图

Map m = new HashMap();

TimeSeries avg_lin5 = new TimeSeries("5日均线",