ChartDirector 7.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 is the command line version of the code in "cppdemo/floatingbox". The MFC version of the code is in "mfcdemo/mfcdemo". The Qt Widgets version of the code is in "qtdemo/qtdemo". The QML/Qt Quick version of the code is in "qmldemo/qmldemo".
#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}; const int Q0Data_size = (int)(sizeof(Q0Data)/sizeof(*Q0Data)); double Q1Data[] = {55, 60, 50, 40, 38, 60, 51, 60}; const int Q1Data_size = (int)(sizeof(Q1Data)/sizeof(*Q1Data)); double Q2Data[] = {62, 70, 60, 50, 48, 70, 62, 70}; const int Q2Data_size = (int)(sizeof(Q2Data)/sizeof(*Q2Data)); double Q3Data[] = {70, 80, 65, 60, 53, 78, 69, 76}; const int Q3Data_size = (int)(sizeof(Q3Data)/sizeof(*Q3Data)); double Q4Data[] = {80, 90, 75, 70, 60, 85, 80, 84}; const int Q4Data_size = (int)(sizeof(Q4Data)/sizeof(*Q4Data)); // The labels for the chart const char* labels[] = {"Group A", "Group B", "Group C", "Group D", "Group E", "Group F", "Group G", "Group H"}; const int labels_size = (int)(sizeof(labels)/sizeof(*labels)); // 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, labels_size))->setFontStyle("Arial Bold"); // Set the font for the y axis labels to Arial Bold c->yAxis()->setLabelStyle("Arial Bold"); // 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, Q4Data_size), DoubleArray(Q3Data, Q3Data_size), 0x00ff00, "Top 25%"); c->addBoxLayer(DoubleArray(Q3Data, Q3Data_size), DoubleArray(Q2Data, Q2Data_size), 0x9999ff, "25% - 50%"); c->addBoxLayer(DoubleArray(Q2Data, Q2Data_size), DoubleArray(Q1Data, Q1Data_size), 0xffff00, "50% - 75%"); c->addBoxLayer(DoubleArray(Q1Data, Q1Data_size), DoubleArray(Q0Data, Q0Data_size), 0xff0000, "Bottom 25%"); // Add legend box at top center above the plot area using 10pt Arial Bold Font LegendBox* b = c->addLegend(50 + 225, 22, false, "Arial Bold", 10); b->setAlignment(Chart::TopCenter); b->setBackground(Chart::Transparent); // Output the chart c->makeChart("floatingbox.png"); //free up resources delete c; return 0; }