ChartDirector Ver 4.1 (C++ Edition)

Floating Box Chart




This example demonstrates creating a multi-color floating box chart.

This chart is composed of 4 box-whisker layers, created using XYChart.addBoxWhiskerLayer. Each layer handles boxes of one color. Only the "box" part of the box-whisker layer is used.

Source Code Listing

[The following code is available in "cppdemo/floatingbox". A MFC version of the code is available in "mfcdemo" (Windows edition only).]
#include "chartdir.h"

int main(int argc, char *argv[])
{
    // Sample data for the Box-Whisker chart. Represents the minimum, 1st quartile,
    // medium, 3rd quartile and maximum values of some quantities
    double Q0Data[] = {40, 45, 40, 30, 20, 50, 25, 44};
    double Q1Data[] = {55, 60, 50, 40, 38, 60, 51, 60};
    double Q2Data[] = {62, 70, 60, 50, 48, 70, 62, 70};
    double Q3Data[] = {70, 80, 65, 60, 53, 78, 69, 76};
    double Q4Data[] = {80, 90, 75, 70, 60, 85, 80, 84};

    // The labels for the chart
    const char *labels[] = {"Group A", "Group B", "Group C", "Group D", "Group E",
        "Group F", "Group G", "Group H"};

    // Create a XYChart object of size 550 x 250 pixels
    XYChart *c = new XYChart(550, 275);

    // Set the plotarea at (50, 25) and of size 450 x 200 pixels. Enable both
    // horizontal and vertical grids by setting their colors to grey (0xc0c0c0)
    c->setPlotArea(50, 50, 450, 200)->setGridColor(0xc0c0c0, 0xc0c0c0);

    // Add a title to the chart
    c->addTitle("Computer Vision Test Scores");

    // Set the labels on the x axis and the font to Arial Bold
    c->xAxis()->setLabels(StringArray(labels, sizeof(labels)/sizeof(labels[0]))
        )->setFontStyle("arialbd.ttf");

    // Set the font for the y axis labels to Arial Bold
    c->yAxis()->setLabelStyle("arialbd.ttf");

    // Add a Box Whisker layer using light blue 0x9999ff as the fill color and blue
    // (0xcc) as the line color. Set the line width to 2 pixels
    c->addBoxLayer(DoubleArray(Q4Data, sizeof(Q4Data)/sizeof(Q4Data[0])),
        DoubleArray(Q3Data, sizeof(Q3Data)/sizeof(Q3Data[0])), 0x00ff00, "Top 25%");
    c->addBoxLayer(DoubleArray(Q3Data, sizeof(Q3Data)/sizeof(Q3Data[0])),
        DoubleArray(Q2Data, sizeof(Q2Data)/sizeof(Q2Data[0])), 0x9999ff, "25% - 50%")
        ;
    c->addBoxLayer(DoubleArray(Q2Data, sizeof(Q2Data)/sizeof(Q2Data[0])),
        DoubleArray(Q1Data, sizeof(Q1Data)/sizeof(Q1Data[0])), 0xffff00, "50% - 75%")
        ;
    c->addBoxLayer(DoubleArray(Q1Data, sizeof(Q1Data)/sizeof(Q1Data[0])),
        DoubleArray(Q0Data, sizeof(Q0Data)/sizeof(Q0Data[0])), 0xff0000, "Bottom 25%"
        );

    // Add legend box at top center above the plot area using 10 pts Arial Bold Font
    LegendBox *b = c->addLegend(50 + 225, 22, false, "arialbd.ttf", 10);
    b->setAlignment(Chart::TopCenter);
    b->setBackground(Chart::Transparent);

    // output the chart
    c->makeChart("floatingbox.png");

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