int main(int argc, char *argv[])
{
// In this example, the data points are unevenly spaced on the x-axis
double dataY[] = {4.7, 4.7, 6.6, 2.2, 4.7, 4.0, 4.0, 5.1, 4.5, 4.5, 6.8, 4.5, 4, 2.1, 3, 2.5,
2.5, 3.1};
double dataX[] = {Chart::chartTime(1999, 7, 1), Chart::chartTime(2000, 1, 1), Chart::chartTime(
2000, 2, 1), Chart::chartTime(2000, 4, 1), Chart::chartTime(2000, 5, 8), Chart::chartTime(
2000, 7, 5), Chart::chartTime(2001, 3, 5), Chart::chartTime(2001, 4, 7), Chart::chartTime(
2001, 5, 9), Chart::chartTime(2002, 2, 4), Chart::chartTime(2002, 4, 4), Chart::chartTime(
2002, 5, 8), Chart::chartTime(2002, 7, 7), Chart::chartTime(2002, 8, 30), Chart::chartTime(
2003, 1, 2), Chart::chartTime(2003, 2, 16), Chart::chartTime(2003, 11, 6), Chart::chartTime(
2004, 1, 4)};
// Data points are assigned different symbols based on point type
double pointType[] = {0, 1, 0, 1, 2, 1, 0, 0, 1, 1, 2, 2, 1, 0, 2, 1, 2, 0};
// Create a XYChart object of size 480 x 320 pixels. Use a vertical gradient color from pale
// blue (e8f0f8) to sky blue (aaccff) spanning half the chart height as background. Set border
// to blue (88aaee). Use rounded corners. Enable soft drop shadow.
XYChart *c = new XYChart(480, 320);
c->setBackground(c->linearGradientColor(0, 0, 0, c->getHeight() / 2, 0xe8f0f8, 0xaaccff),
0x88aaee);
c->setRoundedFrame();
c->setDropShadow();
// Add a title to the chart using 15 points Arial Italic font. Set top/bottom margins to 12
// pixels.
TextBox *title = c->addTitle("Multi-Symbol Line Chart Demo", "ariali.ttf", 15);
title->setMargin(0, 0, 12, 12);
// Tentatively set the plotarea to 50 pixels from the left edge to allow for the y-axis, and to
// just under the title. Set the width to 65 pixels less than the chart width, and the height to
// reserve 90 pixels at the bottom for the x-axis and the legend box. Use pale blue (e8f0f8)
// background, transparent border, and grey (888888) dotted horizontal and vertical grid lines.
c->setPlotArea(50, title->getHeight(), c->getWidth() - 65, c->getHeight() - title->getHeight() -
90, 0xe8f0f8, -1, Chart::Transparent, c->dashLineColor(0x888888, Chart::DotLine), -1);
// Add a legend box where the bottom-center is anchored to the 12 pixels above the bottom-center
// of the chart. Use horizontal layout and 8 points Arial font.
LegendBox *legendBox = c->addLegend(c->getWidth() / 2, c->getHeight() - 12, false,
"arialbd.ttf", 8);
legendBox->setAlignment(Chart::BottomCenter);
// Set the legend box background and border to pale blue (e8f0f8) and bluish grey (445566)
legendBox->setBackground(0xe8f0f8, 0x445566);
// Use rounded corners of 5 pixel radius for the legend box
legendBox->setRoundedCorners(5);
// Set the y axis label format to display a percentage sign
c->yAxis()->setLabelFormat("{value}%");
// Set y-axis title to use 10 points Arial Bold Italic font
c->yAxis()->setTitle("Axis Title Placeholder", "arialbi.ttf", 10);
// Set axis labels to use Arial Bold font
c->yAxis()->setLabelStyle("arialbd.ttf");
c->xAxis()->setLabelStyle("arialbd.ttf");
// We add the different data symbols using scatter layers. The scatter layers are added before
// the line layer to make sure the data symbols stay on top of the line layer.
// We select the points with pointType = 0 (the non-selected points will be set to NoValue), and
// use yellow (ffff00) 15 pixels high 5 pointed star shape symbols for the points. (This example
// uses both x and y coordinates. For charts that have no x explicitly coordinates, use an empty
// array as dataX.)
c->addScatterLayer(DoubleArray(dataX, (int)(sizeof(dataX) / sizeof(dataX[0]))), ArrayMath(
DoubleArray(dataY, (int)(sizeof(dataY) / sizeof(dataY[0])))).selectEQZ(DoubleArray(
pointType, (int)(sizeof(pointType) / sizeof(pointType[0]))), Chart::NoValue),
"Point Type 0", Chart::StarShape(5), 15, 0xffff00);
// Similar to above, we select the points with pointType - 1 = 0 and use green (ff00) 13 pixels
// high six-sided polygon as symbols.
c->addScatterLayer(DoubleArray(dataX, (int)(sizeof(dataX) / sizeof(dataX[0]))), ArrayMath(
DoubleArray(dataY, (int)(sizeof(dataY) / sizeof(dataY[0])))).selectEQZ(ArrayMath(
DoubleArray(pointType, (int)(sizeof(pointType) / sizeof(pointType[0])))).sub(1),
Chart::NoValue), "Point Type 1", Chart::PolygonShape(6), 13, 0x00ff00);
// Similar to above, we select the points with pointType - 2 = 0 and use red (ff0000) 13 pixels
// high X shape as symbols.
c->addScatterLayer(DoubleArray(dataX, (int)(sizeof(dataX) / sizeof(dataX[0]))), ArrayMath(
DoubleArray(dataY, (int)(sizeof(dataY) / sizeof(dataY[0])))).selectEQZ(ArrayMath(
DoubleArray(pointType, (int)(sizeof(pointType) / sizeof(pointType[0])))).sub(2),
Chart::NoValue), "Point Type 2", Chart::Cross2Shape(), 13, 0xff0000);
// Finally, add a blue (0000ff) line layer with line width of 2 pixels
LineLayer *layer = c->addLineLayer(DoubleArray(dataY, (int)(sizeof(dataY) / sizeof(dataY[0]))),
0x0000ff);
layer->setXData(DoubleArray(dataX, (int)(sizeof(dataX) / sizeof(dataX[0]))));
layer->setLineWidth(2);
// Adjust the plot area size, such that the bounding box (inclusive of axes) is 10 pixels from
// the left edge, just below the title, 25 pixels from the right edge, and 8 pixels above the
// legend box.
c->packPlotArea(10, title->getHeight(), c->getWidth() - 25, c->layoutLegend()->getTopY() - 8);
// Output the chart
c->makeChart("multisymbolline.png");
//free up resources
delete c;
return 0;
}
int main(int argc, char *argv[])
{
// The data for the chart
double data0[] = {42, 49, Chart::NoValue, 38, 64, 56, 29, 41, 44, 57};
double data1[] = {65, 75, 47, 34, 42, 49, 73, Chart::NoValue, 90, 69, 66, 78};
double data2[] = {Chart::NoValue, Chart::NoValue, 25, 28, 38, 20, 22,
Chart::NoValue, 25, 33, 30, 24};
const char *labels[] = {"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
"Sep", "Oct", "Nov", "Dec"};
// Create a XYChart object of size 600 x 360 pixels. Set background color to
// brushed silver, with a 2 pixel 3D border. Use rounded corners.
XYChart *c = new XYChart(600, 360, Chart::brushedSilverColor(),
Chart::Transparent, 2);
c->setRoundedFrame();
// Add a title using 18 pts Times New Roman Bold Italic font. #Set top/bottom
// margins to 6 pixels.
TextBox *title = c->addTitle("Product Line Global Revenue", "timesbi.ttf", 18);
title->setMargin(0, 0, 6, 6);
// Add a separator line just under the title
c->addLine(10, title->getHeight(), c->getWidth() - 11, title->getHeight(),
Chart::LineColor);
// Add a legend box where the top-center is anchored to the horizontal center of
// the chart, just under the title. Use horizontal layout and 10 points Arial
// Bold font, and transparent background and border.
LegendBox *legendBox = c->addLegend(c->getWidth() / 2, title->getHeight(), false,
"arialbd.ttf", 10);
legendBox->setAlignment(Chart::TopCenter);
legendBox->setBackground(Chart::Transparent, Chart::Transparent);
// Tentatively set the plotarea at (70, 75) and of 460 x 240 pixels in size. Use
// transparent border and black (000000) grid lines
c->setPlotArea(70, 75, 460, 240, -1, -1, Chart::Transparent, 0x000000, -1);
// Set the x axis labels
c->xAxis()->setLabels(StringArray(labels, sizeof(labels)/sizeof(labels[0])));
// Show the same scale on the left and right y-axes
c->syncYAxis();
// Set y-axis tick density to 30 pixels. ChartDirector auto-scaling will use this
// as the guideline when putting ticks on the y-axis.
c->yAxis()->setTickDensity(30);
// Set all axes to transparent
c->xAxis()->setColors(Chart::Transparent);
c->yAxis()->setColors(Chart::Transparent);
c->yAxis2()->setColors(Chart::Transparent);
// Set the x-axis margins to 15 pixels, so that the horizontal grid lines can
// extend beyond the leftmost and rightmost vertical grid lines
c->xAxis()->setMargin(15, 15);
// Set axis label style to 8pts Arial Bold
c->xAxis()->setLabelStyle("arialbd.ttf", 8);
c->yAxis()->setLabelStyle("arialbd.ttf", 8);
c->yAxis2()->setLabelStyle("arialbd.ttf", 8);
// Add axis title using 10pts Arial Bold Italic font
c->yAxis()->setTitle("Revenue in USD millions", "arialbi.ttf", 10);
c->yAxis2()->setTitle("Revenue in USD millions", "arialbi.ttf", 10);
// Add the first line. The missing data will be represented as gaps in the line
// (the default behaviour)
LineLayer *layer0 = c->addLineLayer();
layer0->addDataSet(DoubleArray(data0, sizeof(data0)/sizeof(data0[0])), 0xff0000,
"Quantum Computer")->setDataSymbol(Chart::GlassSphere2Shape, 11);
layer0->setLineWidth(3);
// Add the second line. The missing data will be represented by using dash lines
// to bridge the gap
LineLayer *layer1 = c->addLineLayer();
layer1->addDataSet(DoubleArray(data1, sizeof(data1)/sizeof(data1[0])), 0x00ff00,
"Atom Synthesizer")->setDataSymbol(Chart::GlassSphere2Shape, 11);
layer1->setLineWidth(3);
layer1->setGapColor(c->dashLineColor(0x00ff00));
// Add the third line. The missing data will be ignored - just join the gap with
// the original line style.
LineLayer *layer2 = c->addLineLayer();
layer2->addDataSet(DoubleArray(data2, sizeof(data2)/sizeof(data2[0])), 0xff6600,
"Proton Cannon")->setDataSymbol(Chart::GlassSphere2Shape, 11);
layer2->setLineWidth(3);
layer2->setGapColor(Chart::SameAsMainColor);
// layout the legend so we can get the height of the legend box
c->layoutLegend();
// Adjust the plot area size, such that the bounding box (inclusive of axes) is
// 15 pixels from the left edge, just under the legend box, 16 pixels from the
// right edge, and 25 pixels from the bottom edge.
c->packPlotArea(15, legendBox->getTopY() + legendBox->getHeight(), c->getWidth()
- 16, c->getHeight() - 25);
// Output the chart
c->makeChart("missingpoints.jpg");
//free up resources
delete c;
return 0;
}
