void GraphWidget::drawChart()
{
XYChart *c = new XYChart(size.width(), size.height() - 100, Chart::Transparent);
c->setPlotArea(10, 50, c->getWidth() - 65, c->getHeight() - 10, 0x000000, -1, 0xC8C8C8, Chart::Transparent, Chart::Transparent);
c->setClipping();
c->getLegend()->setLineStyleKey();
c->getLegend()->setFontSize(10);
//遍历查询结果并绘制结果
int ea_result_count = ea_results.size();
//设置X轴的label
for(int i = 0;i < ea_result_count;i++){
ExchangeRateResult *ea_result = ea_results[i];
DoubleArray x_data = getXData(i);
DoubleArray y_data = ea_result->getYData();
double viewPortStartDate = m_ChartViewer->getValueAtViewPort("x", m_ChartViewer->getViewPortLeft());
double viewPortEndDate = m_ChartViewer->getValueAtViewPort("x", m_ChartViewer->getViewPortLeft() +
m_ChartViewer->getViewPortWidth());
int startIndex = (int)floor(Chart::bSearch(x_data, viewPortStartDate));
int endIndex = (int)ceil(Chart::bSearch(x_data, viewPortEndDate));
int noOfPoints = endIndex - startIndex + 1;
DoubleArray viewPortXData = DoubleArray(x_data.data + startIndex, noOfPoints);
DoubleArray viewPortYData = DoubleArray(y_data.data + startIndex, noOfPoints);
//添加图层
LineLayer *layer = c->addLineLayer();
layer->setLineWidth(1);
//设置X轴
layer->setXData(viewPortXData);
//设置Y轴
layer->addDataSet(viewPortYData, ea_result->getColor(), ea_result->getName().toUtf8().data())->setUseYAxis2();
}
c->xAxis()->setLabelStyle("arial.ttf", 10);
c->yAxis2()->setLabelStyle("arial.ttf", 10);
c->xAxis()->setColors(0xC8C8C8, 0xC8C8C8);
c->yAxis2()->setColors(0xC8C8C8, 0xC8C8C8);
m_ChartViewer->syncDateAxisWithViewPort("x", c->xAxis());
c->yAxis()->setTickDensity(30);
c->yAxis2()->setTickDensity(30);
if (!m_ChartViewer->isInMouseMoveEvent())
{
trackLineLegend(c, (0 == m_ChartViewer->getChart()) ? c->getPlotArea()->getRightX() :
m_ChartViewer->getPlotAreaMouseX());
}
delete m_ChartViewer->getChart();
m_ChartViewer->setChart(c);
}
//
// Draw the chart and display it in the given viewer
//
void TrackAxis::drawChart(QChartViewer *viewer)
{
// Data for the chart as 2 random data series
RanSeries r(127);
DoubleArray data0 = r.getSeries(180, 10, -1.5, 1.5);
DoubleArray data1 = r.getSeries(180, 150, -15, 15);
DoubleArray timeStamps = r.getDateSeries(180, Chart::chartTime(2011, 1, 1), 86400);
// Create a XYChart object of size 670 x 400 pixels
XYChart *c = new XYChart(670, 400);
// Add a title to the chart using 18 pts Times New Roman Bold Italic font
c->addTitle("Plasma Stabilizer Energy Usage", "timesbi.ttf", 18);
// Set the plotarea at (50, 55) with width 100 pixels less than chart width, and height 90 pixels
// less than chart height. Use a vertical gradient from light blue (f0f6ff) to sky blue (a0c0ff)
// as background. Set border to transparent and grid lines to white (ffffff).
c->setPlotArea(50, 55, c->getWidth() - 100, c->getHeight() - 90, c->linearGradientColor(0, 55, 0,
c->getHeight() - 35, 0xf0f6ff, 0xa0c0ff), -1, Chart::Transparent, 0xffffff, 0xffffff);
// Add a legend box at (50, 25) using horizontal layout. Use 10pts Arial Bold as font. Set the
// background and border color to Transparent.
c->addLegend(50, 25, false, "arialbd.ttf", 10)->setBackground(Chart::Transparent);
// 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);
// Set the axis stem to transparent
c->xAxis()->setColors(Chart::Transparent);
c->yAxis()->setColors(Chart::Transparent);
c->yAxis2()->setColors(Chart::Transparent);
// Configure x-axis label format
c->xAxis()->setMultiFormat(Chart::StartOfYearFilter(), "{value|mm/yyyy} ",
Chart::StartOfMonthFilter(), "{value|mm}");
// Add axis title using 10pts Arial Bold Italic font
c->yAxis()->setTitle("Power Usage (Watt)", "arialbi.ttf", 10);
c->yAxis2()->setTitle("Effective Load (kg)", "arialbi.ttf", 10);
// Add a line layer to the chart using a line width of 2 pixels.
LineLayer *layer = c->addLineLayer();
layer->setLineWidth(2);
// Add 2 data series to the line layer
layer->setXData(timeStamps);
layer->addDataSet(data0, 0xcc0000, "Power Usage");
layer->addDataSet(data1, 0x008800, "Effective Load")->setUseYAxis2();
// Set the chart image to the QChartViewer
viewer->setChart(c);
}
void GraphWidget::drawFullChart(){
nameList.clear();
initChartViewer();
XYChart *c = new XYChart(size.width(), 100, Chart::Transparent);
c->setPlotArea(10, 5, c->getWidth() - 65, c->getHeight() - 15, 0x000000, -1, 0xC8C8C8,
Chart::Transparent, 0xffffff);
c->xAxis()->setColors(Chart::Transparent);
c->xAxis()->setLabelStyle("arial.ttf", 10);
c->xAxis()->setLabelGap(-1);
c->xAxis()->setLabelAlignment(1);
c->yAxis()->setColors(Chart::Transparent, Chart::Transparent);
//遍历查询结果并绘制结果
int ea_result_count = ea_results.size();
//设置X轴的label
for(int i = 0;i < ea_result_count;i++){
ExchangeRateResult *ea_result = ea_results[i];
DoubleArray y_data = ea_result->getYData();
//添加图层
LineLayer *layer = c->addLineLayer();
layer->setFastLineMode();
layer->setLineWidth(1);
//设置X轴
layer->setXData(getXData(i));
//设置Y轴
layer->addDataSet(y_data, ea_result->getColor(), ea_result->getName().toUtf8().data());
}
c->xAxis()->setDateScale(m_ChartViewer->getValueAtViewPort("x", 0), m_ChartViewer->getValueAtViewPort("x", 1));
// c->xAxis()->setTickDensity(75);
c->yAxis()->setRounding(false, false);
delete m_ViewPortControl->getChart();
m_ViewPortControl->setChart(c);
drawChart();
}
//
// Draw the chart and display it in the given viewer
//
void ZoomScrollTrack2::drawChart(QChartViewer *viewer)
{
// Get the start date and end date that are visible on the chart.
double viewPortStartDate = viewer->getValueAtViewPort("x", viewer->getViewPortLeft());
double viewPortEndDate = viewer->getValueAtViewPort("x", viewer->getViewPortLeft() +
viewer->getViewPortWidth());
// Get the array indexes that corresponds to the visible start and end dates
int startIndex = (int)floor(Chart::bSearch(m_timeStamps, viewPortStartDate));
int endIndex = (int)ceil(Chart::bSearch(m_timeStamps, viewPortEndDate));
int noOfPoints = endIndex - startIndex + 1;
// Extract the part of the data array that are visible.
DoubleArray viewPortTimeStamps = DoubleArray(m_timeStamps.data + startIndex, noOfPoints);
DoubleArray viewPortDataSeriesA = DoubleArray(m_dataSeriesA.data + startIndex, noOfPoints);
DoubleArray viewPortDataSeriesB = DoubleArray(m_dataSeriesB.data + startIndex, noOfPoints);
DoubleArray viewPortDataSeriesC = DoubleArray(m_dataSeriesC.data + startIndex, noOfPoints);
//
// At this stage, we have extracted the visible data. We can use those data to plot the chart.
//
///////////////////////////////////////////////////////////////////////////////////////
// Configure overall chart appearance.
///////////////////////////////////////////////////////////////////////////////////////
// Create an XYChart object of size 650 x 350 pixels, with a white (ffffff) background and grey
// (aaaaaa) border
XYChart *c = new XYChart(650, 350, 0xffffff, 0xaaaaaa);
// Set the plotarea at (55, 55) with width 90 pixels less than chart width, and height 90 pixels
// less than chart height. Use a vertical gradient from light blue (f0f6ff) to sky blue (a0c0ff)
// as background. Set border to transparent and grid lines to white (ffffff).
c->setPlotArea(55, 55, c->getWidth() - 90, c->getHeight() - 90, c->linearGradientColor(0, 55, 0,
c->getHeight() - 35, 0xf0f6ff, 0xa0c0ff), -1, Chart::Transparent, 0xffffff, 0xffffff);
// As the data can lie outside the plotarea in a zoomed chart, we need enable clipping.
c->setClipping();
// Add a title to the chart using 18 pts Times New Roman Bold Italic font
c->addTitle(" Zooming and Scrolling with Track Line (2)", "timesbi.ttf", 18);
// Add a legend box at (55, 30) using horizontal layout. Use 8pts Arial Bold as font. Set the
// background and border color to Transparent and use line style legend key.
LegendBox *b = c->addLegend(55, 30, false, "arialbd.ttf", 8);
b->setBackground(Chart::Transparent);
b->setLineStyleKey();
// Set the axis stem to transparent
c->xAxis()->setColors(Chart::Transparent);
c->yAxis()->setColors(Chart::Transparent);
// Add axis title using 10pts Arial Bold Italic font
c->yAxis()->setTitle("Ionic Temperature (C)", "arialbi.ttf", 10);
///////////////////////////////////////////////////////////////////////////////////////
// Add data to chart
///////////////////////////////////////////////////////////////////////////////////////
//
// In this example, we represent the data by lines. You may modify the code below to use other
// representations (areas, scatter plot, etc).
//
// Add a line layer for the lines, using a line width of 2 pixels
LineLayer *layer = c->addLineLayer();
layer->setLineWidth(2);
// In this demo, we do not have too many data points. In real code, the chart may contain a lot
// of data points when fully zoomed out - much more than the number of horizontal pixels in this
// plot area. So it is a good idea to use fast line mode.
layer->setFastLineMode();
// Now we add the 3 data series to a line layer, using the color red (ff0000), green
// (00cc00) and blue (0000ff)
layer->setXData(viewPortTimeStamps);
layer->addDataSet(viewPortDataSeriesA, 0xff3333, "Alpha");
layer->addDataSet(viewPortDataSeriesB, 0x008800, "Beta");
layer->addDataSet(viewPortDataSeriesC, 0x3333CC, "Gamma");
///////////////////////////////////////////////////////////////////////////////////////
// Configure axis scale and labelling
///////////////////////////////////////////////////////////////////////////////////////
// Set the x-axis as a date/time axis with the scale according to the view port x range.
viewer->syncDateAxisWithViewPort("x", c->xAxis());
//
// In this demo, the time range can be from a few years to a few days. We demonstrate how to set
// up different date/time format based on the time range.
//
// If all ticks are yearly aligned, then we use "yyyy" as the label format.
c->xAxis()->setFormatCondition("align", 360 * 86400);
c->xAxis()->setLabelFormat("{value|yyyy}");
// If all ticks are monthly aligned, then we use "mmm yyyy" in bold font as the first
// label of a year, and "mmm" for other labels.
c->xAxis()->setFormatCondition("align", 30 * 86400);
c->xAxis()->setMultiFormat(Chart::StartOfYearFilter(), "<*font=bold*>{value|mmm yyyy}",
Chart::AllPassFilter(), "{value|mmm}");
// If all ticks are daily algined, then we use "mmm dd<*br*>yyyy" in bold font as the
// first label of a year, and "mmm dd" in bold font as the first label of a month, and
// "dd" for other labels.
c->xAxis()->setFormatCondition("align", 86400);
c->xAxis()->setMultiFormat(Chart::StartOfYearFilter(),
"<*block,halign=left*><*font=bold*>{value|mmm dd<*br*>yyyy}",
Chart::StartOfMonthFilter(), "<*font=bold*>{value|mmm dd}");
c->xAxis()->setMultiFormat(Chart::AllPassFilter(), "{value|dd}");
// For all other cases (sub-daily ticks), use "hh:nn<*br*>mmm dd" for the first label of
// a day, and "hh:nn" for other labels.
c->xAxis()->setFormatCondition("else");
c->xAxis()->setMultiFormat(Chart::StartOfDayFilter(),
"<*font=bold*>{value|hh:nn<*br*>mmm dd}", Chart::AllPassFilter(), "{value|hh:nn}");
///////////////////////////////////////////////////////////////////////////////////////
// Output the chart
///////////////////////////////////////////////////////////////////////////////////////
// We need to update the track line too. If the mouse is moving on the chart (eg. if
// the user drags the mouse on the chart to scroll it), the track line will be updated
// in the MouseMovePlotArea event. Otherwise, we need to update the track line here.
if ((!viewer->isInMouseMoveEvent()) && viewer->isMouseOnPlotArea())
trackLineLabel(c, viewer->getPlotAreaMouseX());
delete viewer->getChart();
viewer->setChart(c);
}
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[] = {chartTime(1999, 7, 1), chartTime(2000, 1, 1), chartTime(2000,
2, 1), chartTime(2000, 4, 1), chartTime(2000, 5, 8), chartTime(2000, 7, 5),
chartTime(2001, 3, 5), chartTime(2001, 4, 7), chartTime(2001, 5, 9),
chartTime(2002, 2, 4), chartTime(2002, 4, 4), chartTime(2002, 5, 8),
chartTime(2002, 7, 7), chartTime(2002, 8, 30), chartTime(2003, 1, 2),
chartTime(2003, 2, 16), chartTime(2003, 11, 6), 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 600 x 300 pixels, with a light purple (ffccff)
// background, black border, 1 pixel 3D border effect and rounded corners.
XYChart *c = new XYChart(600, 300, 0xffccff, 0x000000, 1);
c->setRoundedFrame();
// Set the plotarea at (55, 58) and of size 520 x 195 pixels, with white (ffffff)
// background. Set horizontal and vertical grid lines to grey (cccccc).
c->setPlotArea(55, 58, 520, 195, 0xffffff, -1, -1, 0xcccccc, 0xcccccc);
// Add a legend box at (55, 30) (top of the chart) with horizontal layout. Use 10
// pts Arial Bold Italic font. Set the background and border color to
// Transparent.
c->addLegend(55, 30, false, "arialbi.ttf", 10)->setBackground(Chart::Transparent)
;
// Add a title box to the chart using 15 pts Times Bold Italic font. The text is
// white (ffffff) on a purple (400040) background, with soft lighting effect from
// the right side.
c->addTitle("Multi-Symbol Line Chart Demo", "timesbi.ttf", 15, 0xffffff
)->setBackground(0x400040, -1, Chart::softLighting(Chart::Right));
// Set the y axis label format to display a percentage sign
c->yAxis()->setLabelFormat("{value}%");
// Set axis titles to use 9pt Arial Bold Italic font
c->yAxis()->setTitle("Axis Title Placeholder", "arialbi.ttf", 9);
c->xAxis()->setTitle("Axis Title Placeholder", "arialbi.ttf", 9);
// 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, sizeof(dataX)/sizeof(dataX[0])), ArrayMath(
DoubleArray(dataY, sizeof(dataY)/sizeof(dataY[0]))).selectEQZ(DoubleArray(
pointType, 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, sizeof(dataX)/sizeof(dataX[0])), ArrayMath(
DoubleArray(dataY, sizeof(dataY)/sizeof(dataY[0]))).selectEQZ(ArrayMath(
DoubleArray(pointType, 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, sizeof(dataX)/sizeof(dataX[0])), ArrayMath(
DoubleArray(dataY, sizeof(dataY)/sizeof(dataY[0]))).selectEQZ(ArrayMath(
DoubleArray(pointType, 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,
sizeof(dataY)/sizeof(dataY[0])), 0x0000ff);
layer->setXData(DoubleArray(dataX, sizeof(dataX)/sizeof(dataX[0])));
layer->setLineWidth(2);
// output the chart
c->makeChart("multisymbolline.png");
//free up resources
delete c;
return 0;
}
//
// Draw chart
//
void RealtimeChart::drawChart()
{
// Create an XYChart object 600 x 270 pixels in size, with light white (ffffff)
// background, white (000000) border, no raised effect, and with a rounded frame.
XYChart *c = new XYChart(645, 270, 0xffffff, 0xffffff, 0);
QColor bgColor = palette().color(backgroundRole()).rgb();
//c->setRoundedFrame((bgColor.red() << 16) + (bgColor.green() << 8) + bgColor.blue());
// Set the plotarea at (55, 62) and of size 520 x 175 pixels. Use white (ffffff)
// background. Enable both horizontal and vertical grids by setting their colors to
// grey (cccccc). Set clipping mode to clip the data lines to the plot area.
c->setPlotArea(55, 62, 580, 185, 0xffffff, -1, -1, 0xcccccc, 0xcccccc);
c->setClipping();
// Add a title to the chart using 15 pts Times New Roman Bold Italic font, with a light
// grey (dddddd) background, black (000000) border, and a glass like raised effect.
c->addTitle(m_mainTitle, "arialbd.ttf", 15);
// Add a legend box at the top of the plot area with 9pts Arial Bold font. We set the
// legend box to the same width as the plot area and use grid layout (as opposed to
// flow or top/down layout). This distributes the 3 legend icons evenly on top of the
// plot area.
LegendBox *b = c->addLegend2(55, 33, 3, "arialbd.ttf", 9);
b->setBackground(Chart::Transparent, Chart::Transparent);
b->setWidth(580);
// Configure the y-axis with a 10pts Arial Bold axis title
c->yAxis()->setTitle(m_yTitle, "arialbd.ttf", 10);
// Configure the x-axis to auto-scale with at least 75 pixels between major tick and
// 15 pixels between minor ticks. This shows more minor grid lines on the chart.
c->xAxis()->setTickDensity(75, 15);
// Set the axes width to 2 pixels
c->xAxis()->setWidth(2);
c->yAxis()->setWidth(2);
// Now we add the data to the chart.
double lastTime = m_timeStamps[sampleSize - 1];
if (lastTime != Chart::NoValue)
{
// Set up the x-axis to show the time range in the data buffer
c->xAxis()->setDateScale(lastTime - DataInterval * sampleSize / 1000, lastTime);
// Set the x-axis label format
c->xAxis()->setLabelFormat("{value|hh:nn:ss}");
// Create a line layer to plot the lines
LineLayer *layer = c->addLineLayer();
// The x-coordinates are the timeStamps.
layer->setXData(DoubleArray(m_timeStamps, sampleSize));
// The 3 data series are used to draw 3 lines. Here we put the latest data values
// as part of the data set name, so you can see them updated in the legend box.
char buffer[1024];
sprintf(buffer, "%s: <*bgColor=FFCCCC*> %.2f ", m_labelA, m_dataSeriesA[sampleSize - 1]);
layer->addDataSet(DoubleArray(m_dataSeriesA, sampleSize), 0xff0000, buffer);
sprintf(buffer, "%s: <*bgColor=CCFFCC*> %.2f ", m_labelB, m_dataSeriesB[sampleSize - 1]);
layer->addDataSet(DoubleArray(m_dataSeriesB, sampleSize), 0x00cc00, buffer);
}
// Set the chart image to the WinChartViewer
m_ChartViewer->setChart(c);
delete c;
}
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;
}
