ChartDirector是一個(gè)非常理想的圖表工具，它擁有廣泛的圖表類(lèi)型、分層架構(gòu)、實(shí)時(shí)互動(dòng)的大數(shù)據(jù)表、普遍適應(yīng)于各種應(yīng)用程序以及支持PDF和SVG圖標(biāo)等的優(yōu)點(diǎn)。此系列連載旨在介紹ChartDirector的實(shí)用教程，供大家學(xué)習(xí)討論。

柔性條形圖描影

此示例演示了條形圖的柔性光照效果、繪圖區(qū)域背景的漸變顏色以及在軸標(biāo)簽之間放置軸刻度。

柔和的燈光是一種特殊的陰影效果，看起來(lái)像漸變色。在該示例中，柔和的照明效果被用到條行圖上，光從左邊方向發(fā)出。具體方法是：

• 通過(guò)使用BaseChart.linearGradientColor定義漸變顏色來(lái)配置漸變繪圖區(qū)域背景，然后使用XYChart.setPlotArea將其應(yīng)用于繪圖區(qū)域。
• 該XYChart.setPlotArea還設(shè)置繪圖區(qū)邊框和網(wǎng)格線(xiàn)的顏色為白色。
• 條形圖的柔和光照效果使用Chart::softLighting定義，然后使用Layer.setBorderColor應(yīng)用于條形圖。
• 使用Axis.setTickOffset，在此示例中，刻度線(xiàn)偏移0.5個(gè)單位。因此，它們不與軸標(biāo)簽對(duì)齊，而是位于標(biāo)簽之間。

源代碼清單

以下代碼可在“cppdemo / softlightbar”中找到。MFC版本的代碼可在“mfcdemo”中找到（僅限Windows版本）。QT版本的代碼可在“qtdemo”中找到。

#include "chartdir.h"

int main(int argc, char *argv[])
{
    // The data for the bar chart
    double data[] = {450, 560, 630, 800, 1100, 1350, 1600, 1950, 2300, 2700};

    // The labels for the bar chart
    const char *labels[] = {"1996", "1997", "1998", "1999", "2000", "2001", "2002", "2003", "2004",
        "2005"};

    // Create a XYChart object of size 600 x 360 pixels
    XYChart *c = new XYChart(600, 360);

    // Add a title to the chart using 18pt Times Bold Italic font
    c->addTitle("Annual Revenue for Star Tech", "timesbi.ttf", 18);

    // Set the plotarea at (60, 40) and of size 500 x 280 pixels. Use a vertical gradient color from
    // light blue (eeeeff) to deep blue (0000cc) as background. Set border and grid lines to white
    // (ffffff).
    c->setPlotArea(60, 40, 500, 280, c->linearGradientColor(60, 40, 60, 280, 0xeeeeff, 0x0000cc),
        -1, 0xffffff, 0xffffff);

    // Add a multi-color bar chart layer using the supplied data. Use soft lighting effect with
    // light direction from left.
    c->addBarLayer(DoubleArray(data, (int)(sizeof(data) / sizeof(data[0]))), IntArray(0, 0)
        )->setBorderColor(Chart::Transparent, Chart::softLighting(Chart::Left));

    // Set x axis labels using the given labels
    c->xAxis()->setLabels(StringArray(labels, (int)(sizeof(labels) / sizeof(labels[0]))));

    // Draw the ticks between label positions (instead of at label positions)
    c->xAxis()->setTickOffset(0.5);

    // Add a title to the y axis with 10pt Arial Bold font
    c->yAxis()->setTitle("USD (millions)", "arialbd.ttf", 10);

    // Set axis label style to 8pt Arial Bold
    c->xAxis()->setLabelStyle("arialbd.ttf", 8);
    c->yAxis()->setLabelStyle("arialbd.ttf", 8);

    // Set axis line width to 2 pixels
    c->xAxis()->setWidth(2);
    c->yAxis()->setWidth(2);

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

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

玻璃型條形圖描影

此示例演示了條形圖的玻璃著色效果、繪圖區(qū)域背景的漸變顏色以及繪圖區(qū)域兩側(cè)的軸標(biāo)簽。

玻璃型描影是一種復(fù)雜的陰影效果，可以實(shí)現(xiàn)有色玻璃或半透明塑料材料的外觀和感覺(jué)。這種效應(yīng)涉及材料內(nèi)部反射和折射引起的眩光和光照變化。具體方法如下：

• 通過(guò)使用BaseChart.linearGradientColor定義漸變顏色來(lái)配置繪圖區(qū)域背景，然后使用XYChart.setPlotArea將其應(yīng)用于繪圖區(qū)域。
• 該XYChart.setPlotArea還設(shè)置繪圖區(qū)域邊框和網(wǎng)格線(xiàn)的顏色為白色。
• 條形圖的玻璃描影效果使用Chart::glassEffect定義，然后使用Layer.setBorderColor應(yīng)用于條形圖。
• XYChart.syncYAxis用于在繪圖區(qū)域的兩側(cè)顯示兩個(gè)同步的y軸。
• Axis.setColors用于將y軸設(shè)置為“Transparent”，因此只有軸標(biāo)簽可見(jiàn)。
• 使用Axis.setLabelStyle將軸標(biāo)簽字體設(shè)置為Arial Bold。

源代碼清單

以下代碼可在“cppdemo / glasslightbar”中找到。MFC版本的代碼可在“mfcdemo”中找到（僅限Windows版本）。QT版本的代碼可在“qtdemo”中找到。

#include "chartdir.h"

int main(int argc, char *argv[])
{
    // The data for the bar chart
    double data[] = {450, 560, 630, 800, 1100, 1350, 1600, 1950, 2300, 2700};

    // The labels for the bar chart
    const char *labels[] = {"1996", "1997", "1998", "1999", "2000", "2001", "2002", "2003", "2004",
        "2005"};

    // Create a XYChart object of size 600 x 360 pixels
    XYChart *c = new XYChart(600, 360);

    // Set the plotarea at (60, 40) and of size 480 x 280 pixels. Use a vertical gradient color from
    // light blue (eeeeff) to deep blue (0000cc) as background. Set border and grid lines to white
    // (ffffff).
    c->setPlotArea(60, 40, 480, 280, c->linearGradientColor(60, 40, 60, 280, 0xeeeeff, 0x0000cc),
        -1, 0xffffff, 0xffffff);

    // Add a title to the chart using 18pt Times Bold Italic font
    c->addTitle("Annual Revenue for Star Tech", "timesbi.ttf", 18);

    // Add a multi-color bar chart layer using the supplied data. Use glass lighting effect with
    // light direction from the left.
    c->addBarLayer(DoubleArray(data, (int)(sizeof(data) / sizeof(data[0]))), IntArray(0, 0)
        )->setBorderColor(Chart::Transparent, Chart::glassEffect(Chart::NormalGlare, Chart::Left));

    // Set the x axis labels
    c->xAxis()->setLabels(StringArray(labels, (int)(sizeof(labels) / sizeof(labels[0]))));

    // Show the same scale on the left and right y-axes
    c->syncYAxis();

    // Set the left y-axis and right y-axis title using 10pt Arial Bold font
    c->yAxis()->setTitle("USD (millions)", "arialbd.ttf", 10);
    c->yAxis2()->setTitle("USD (millions)", "arialbd.ttf", 10);

    // Set all axes to transparent
    c->xAxis()->setColors(Chart::Transparent);
    c->yAxis()->setColors(Chart::Transparent);
    c->yAxis2()->setColors(Chart::Transparent);

    // Set the label styles of all axes to 8pt Arial Bold font
    c->xAxis()->setLabelStyle("arialbd.ttf", 8);
    c->yAxis()->setLabelStyle("arialbd.ttf", 8);
    c->yAxis2()->setLabelStyle("arialbd.ttf", 8);

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

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

想要購(gòu)買(mǎi)ChartDirector正版授權(quán)，或者獲取更多該產(chǎn)品相關(guān)信息的朋友可以點(diǎn)擊" "~

海量產(chǎn)品正在參加年終大促，價(jià)格優(yōu)惠！詳情請(qǐng)點(diǎn)擊" 年終巔峰鉅惠 "~