財務(wù)報表在金融領(lǐng)域應(yīng)用廣泛，而證券交易等實時變更的金融信息則需要用財務(wù)圖表以圖形化的方式進行展示。今天跟大家演示如何用Web圖表控件ChartDirector創(chuàng)建一個功能完整的財務(wù)圖表，這個圖表由HLOC、流動平均線、Bollinger band, volume bars, RSI和動能指標組成。如圖所示：

主要步驟：

在本例中引用了FinanceChart庫的插件，這樣創(chuàng)建一個復(fù)雜的財務(wù)圖表會相對容易一些。主要有以下幾個步驟：

• 創(chuàng)建一個新的FinanceChart對象
• 用FinanceChart.setData設(shè)置圖表的數(shù)據(jù)
• 用 FinanceChart.addMainChart添加主要的圖表
• 用FinanceChart.addSimpleMovingAvg向主表中添加比較簡單的流動平均線
• 用FinanceChart.addHLOC向主表中添加HLOC符號
• 用FinanceChart.addBollingerBand在主表中添加Bollinger Band
• 用FinanceChart.addVolBars向圖表中添加volume bars
• 用FinanceChart.addRSI添加一個RSI指示器
• 用FinanceChart.addMomentum添加一個Momentum指示器

簡單起見，這個圖表沒有連接到數(shù)據(jù)庫，而用RanTable對象模擬數(shù)據(jù)庫。PS：RanTable是一個ChartDirector工具類，可用隨機數(shù)創(chuàng)建表格。

ChartDirector創(chuàng)建財務(wù)圖表示例代碼：

#include "FinanceChart.h"

int main(int argc, char *argv[])
{
    // Create a finance chart demo containing 100 days of data
    int noOfDays = 100;

    // To compute moving averages starting from the first day, we need to get extra
    // data points before the first day
    int extraDays = 30;

    // In this exammple, we use a random number generator utility to simulate the
    // data. We set up the random table to create 6 cols x (noOfDays + extraDays)
    // rows, using 9 as the seed.
    RanTable *rantable = new RanTable(9, 6, noOfDays + extraDays);

    // Set the 1st col to be the timeStamp, starting from Sep 4, 2002, with each row
    // representing one day, and counting week days only (jump over Sat and Sun)
    rantable->setDateCol(0, Chart::chartTime(2002, 9, 4), 86400, true);

    // Set the 2nd, 3rd, 4th and 5th columns to be high, low, open and close data.
    // The open value starts from 100, and the daily change is random from -5 to 5.
    rantable->setHLOCCols(1, 100, -5, 5);

    // Set the 6th column as the vol data from 5 to 25 million
    rantable->setCol(5, 50000000, 250000000);

    // Now we read the data from the table into arrays
    DoubleArray timeStamps = rantable->getCol(0);
    DoubleArray highData = rantable->getCol(1);
    DoubleArray lowData = rantable->getCol(2);
    DoubleArray openData = rantable->getCol(3);
    DoubleArray closeData = rantable->getCol(4);
    DoubleArray volData = rantable->getCol(5);

    // Create a FinanceChart object of width 640 pixels
    FinanceChart *c = new FinanceChart(640);

    // Add a title to the chart
    c->addTitle("Finance Chart Demonstration");

    // Set the data into the finance chart object
    c->setData(timeStamps, highData, lowData, openData, closeData, volData, extraDays
        );

    // Add the main chart with 240 pixels in height
    c->addMainChart(240);

    // Add a 5 period simple moving average to the main chart, using brown color
    c->addSimpleMovingAvg(5, 0x663300);

    // Add a 20 period simple moving average to the main chart, using purple color
    c->addSimpleMovingAvg(20, 0x9900ff);

    // Add HLOC symbols to the main chart, using green/red for up/down days
    c->addHLOC(0x008000, 0xcc0000);

    // Add 20 days bollinger band to the main chart, using light blue (9999ff) as the
    // border and semi-transparent blue (c06666ff) as the fill color
    c->addBollingerBand(20, 2, 0x9999ff, 0xc06666ff);

    // Add a 75 pixels volume bars sub-chart to the bottom of the main chart, using
    // green/red/grey for up/down/flat days
    c->addVolBars(75, 0x99ff99, 0xff9999, 0x808080);

    // Append a 14-days RSI indicator chart (75 pixels high) after the main chart.
    // The main RSI line is purple (800080). Set threshold region to +/- 20 (that is,
    // RSI = 50 +/- 25). The upper/lower threshold regions will be filled with red
    // (ff0000)/blue (0000ff).
    c->addRSI(75, 14, 0x800080, 20, 0xff0000, 0x0000ff);

    // Append a 12-days momentum indicator chart (75 pixels high) using blue (0000ff)
    // color.
    c->addMomentum(75, 12, 0x0000ff);

    // Output the chart
    c->makeChart("finance.png");

    //free up resources
    delete rantable;
    delete c;
    return 0;
}