1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
@@ -0,0 +1,21 | |||||
|
1 | /*! | |||
|
2 | \example examples/customcolors | |||
|
3 | \title CustomColors Example | |||
|
4 | \subtitle | |||
|
5 | ||||
|
6 | The example shows how to customize different visual elements on a typical chart i.e. customize | |||
|
7 | the following chart: | |||
|
8 | \image custom_colors1.jpg | |||
|
9 | ||||
|
10 | to look like this instead: | |||
|
11 | \image custom_colors2.jpg | |||
|
12 | ||||
|
13 | Customize chart background with the company specific colors: | |||
|
14 | \snippet ../examples/customcolors/mainwindow.cpp 1 | |||
|
15 | ||||
|
16 | Customize chart axes: | |||
|
17 | \snippet ../examples/customcolors/mainwindow.cpp 2 | |||
|
18 | ||||
|
19 | Customize pen and brush of all the series we have: | |||
|
20 | \snippet ../examples/customcolors/mainwindow.cpp 3 | |||
|
21 | */ No newline at end of file |
@@ -23,6 +23,7 | |||||
23 | <li><a href="example-splinechart.html">Spline Chart example</a></li> |
|
23 | <li><a href="example-splinechart.html">Spline Chart example</a></li> | |
24 | <li><a href="example-stackedbarchart.html">Stacked Bar Chart example</a></li> |
|
24 | <li><a href="example-stackedbarchart.html">Stacked Bar Chart example</a></li> | |
25 | <li><a href="example-stackedbarchartdrilldown.html">Stacked Bar Chart Drilldown example</a></li> |
|
25 | <li><a href="example-stackedbarchartdrilldown.html">Stacked Bar Chart Drilldown example</a></li> | |
|
26 | <li><a href="examples-customcolors.html">Customizing colors example</a></li> | |||
26 | </ul> |
|
27 | </ul> | |
27 | </td> |
|
28 | </td> | |
28 | </tr> |
|
29 | </tr> |
@@ -15,7 +15,7 MainWindow::MainWindow(QWidget *parent) | |||||
15 | // Here's the set of company's colors used throughout the example |
|
15 | // Here's the set of company's colors used throughout the example | |
16 | m_companyColor1 = "#b90020"; |
|
16 | m_companyColor1 = "#b90020"; | |
17 | m_companyColor2 = "#6d0013"; |
|
17 | m_companyColor2 = "#6d0013"; | |
18 |
m_companyColor3 = "#d5d5 |
|
18 | m_companyColor3 = "#f5d5d5"; | |
19 | m_companyColor4 = "#fcfcfc"; |
|
19 | m_companyColor4 = "#fcfcfc"; | |
20 |
|
20 | |||
21 | resize(400, 300); |
|
21 | resize(400, 300); | |
@@ -61,8 +61,8 MainWindow::~MainWindow() | |||||
61 |
|
61 | |||
62 | void MainWindow::customize() |
|
62 | void MainWindow::customize() | |
63 | { |
|
63 | { | |
64 | // Customize chart background |
|
64 | //! [1] | |
65 | // Use a gradient from color 3 to color 4 for chart background |
|
65 | // Use a gradient from "color 3" to "color 4" for chart background | |
66 | QLinearGradient chartGradient(0, 0, 0, 300); |
|
66 | QLinearGradient chartGradient(0, 0, 0, 300); | |
67 | chartGradient.setColorAt(0.0, m_companyColor3); |
|
67 | chartGradient.setColorAt(0.0, m_companyColor3); | |
68 | chartGradient.setColorAt(0.5, m_companyColor4); |
|
68 | chartGradient.setColorAt(0.5, m_companyColor4); | |
@@ -70,22 +70,29 void MainWindow::customize() | |||||
70 | m_chartView->setChartBackgroundBrush(chartGradient); |
|
70 | m_chartView->setChartBackgroundBrush(chartGradient); | |
71 | m_chartView->setBackgroundBrush(m_companyColor4); |
|
71 | m_chartView->setBackgroundBrush(m_companyColor4); | |
72 | m_chartView->setChartTitleBrush(m_companyColor1); |
|
72 | m_chartView->setChartTitleBrush(m_companyColor1); | |
|
73 | //! [1] | |||
73 |
|
74 | |||
74 | // Customize chart axis |
|
75 | //! [2] | |
75 | QPen color1Pen(m_companyColor1, 4.0); |
|
76 | QPen color1Pen(m_companyColor1, 4.0); | |
76 | m_chartView->axisX()->setAxisPen(color1Pen); |
|
77 | m_chartView->axisX()->setAxisPen(color1Pen); | |
77 | m_chartView->axisY()->setAxisPen(color1Pen); |
|
78 | m_chartView->axisY()->setAxisPen(color1Pen); | |
|
79 | //! [2] | |||
78 |
|
80 | |||
79 | // Customize series |
|
81 | //! [3] | |
|
82 | // Customize pen of the line series | |||
80 | m_line->setPen(color1Pen); |
|
83 | m_line->setPen(color1Pen); | |
|
84 | ||||
|
85 | // Customize pen and brush for the scatter | |||
81 | m_scatter->setPen(color1Pen); |
|
86 | m_scatter->setPen(color1Pen); | |
82 | m_scatter->setBrush(m_companyColor3); |
|
87 | m_scatter->setBrush(m_companyColor3); | |
|
88 | ||||
|
89 | // Customize pen and brush for the pie | |||
83 | for (int i(0); i < m_pie->slices().count(); i++) { |
|
90 | for (int i(0); i < m_pie->slices().count(); i++) { | |
84 | Qt::BrushStyle style = static_cast<Qt::BrushStyle>(i + 1); |
|
91 | Qt::BrushStyle style = static_cast<Qt::BrushStyle>(i + 1); | |
85 | m_pie->slices().at(i)->setSliceBrush(QBrush(m_companyColor2, style)); |
|
92 | m_pie->slices().at(i)->setSliceBrush(QBrush(m_companyColor2, style)); | |
86 | m_pie->slices().at(i)->setSlicePen(color1Pen); |
|
93 | m_pie->slices().at(i)->setSlicePen(color1Pen); | |
87 | } |
|
94 | } | |
88 |
|
95 | //! [3] | ||
89 |
|
96 | |||
90 | // Calculate new colors to be used on the next update for the series |
|
97 | // Calculate new colors to be used on the next update for the series | |
91 | m_companyColor1.setRed((m_companyColor1.red() + 25) % 255); |
|
98 | m_companyColor1.setRed((m_companyColor1.red() + 25) % 255); |
General Comments 0
You need to be logged in to leave comments.
Login now