HG_REPOSITORIES/LPP/INSTRUMENTATION/USERS/JEANDET/qtcharts Commit - r499:cdecb97c9343

Documented customcolors example

Tero Ahola -

r499:cdecb97c9343

parent child

Context file:

r499:cdecb97c9343

Collapse all files

doc/images/custom_colors1.jpg created 644 binary 0 0

NO CONTENT: new file 100644, binary diff hidden

doc/images/custom_colors2.jpg created 644 binary 0 0

NO CONTENT: new file 100644, binary diff hidden

doc/src/examples-customcolors.qdoc created 644 +21 0

@@ -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

doc/src/examples.qdoc +1 0

             /*!
                 \page examples.html
                 \title Examples
                 \keyword Examples
                 \raw HTML
                     <table cellpadding="2" cellspacing="1" border="0" width="100%" class="indextable">
                     <tr>
                     <th class="titleheader" width="33%">
                     List of examples
                     </th>
                     </tr>
                     <tr>
                     <td valign="top">
                     <ul>
                         <li><a href="example-areachart.html">Area Chart example</a></li>
                         <li><a href="example-barchart.html">Bar Chart example</a></li>
                         <li><a href="example-linechart.html">Line Chart example</a></li>
                         <li><a href="example-percentbarchart.html">Percent Bar Chart example</a></li>
                         <li><a href="example-piechart.html">Pie Chart example</a></li>
                         <li><a href="example-presenterchart.html">Presenter Chart example</a></li>
                         <li><a href="example-scatterchart.html">Scatter Chart example</a></li>
                         <li><a href="example-splinechart.html">Spline Chart example</a></li>
                         <li><a href="example-stackedbarchart.html">Stacked Bar Chart example</a></li>
                         <li><a href="example-stackedbarchartdrilldown.html">Stacked Bar Chart Drilldown example</a></li>
+                        <li><a href="examples-customcolors.html">Customizing colors example</a></li>
                     </ul>
                     </td>
                     </tr>
                     </table>
                 \endraw
             */

examples/customcolors/mainwindow.cpp +13 -6

             #include "mainwindow.h"
             #include <qchartview.h>
             #include <qpieseries.h>
             #include <qpieslice.h>
             #include <qlineseries.h>
             #include <qscatterseries.h>
             #include <qchartaxis.h>
             #include <QDebug>
             QTCOMMERCIALCHART_USE_NAMESPACE
             MainWindow::MainWindow(QWidget *parent)
                 : QMainWindow(parent)
             {
                 // Here's the set of company's colors used throughout the example
                 m_companyColor1 = "#b90020";
                 m_companyColor2 = "#6d0013";
-                m_companyColor3 = "#d5d5f5";
+                m_companyColor3 = "#f5d5d5";
                 m_companyColor4 = "#fcfcfc";
                 resize(400, 300);
                 setWindowFlags(Qt::FramelessWindowHint);
                 // Create chart view
                 m_chartView = new QChartView(this);
                 setCentralWidget(m_chartView);
                 m_chartView->setChartTitle("Custom colors example");
                 m_chartView->setRenderHint(QPainter::Antialiasing);
                 // Create line series
                 m_line = new QLineSeries();
                 m_line->add(0.0, 1.1);
                 m_line->add(1.0, 2.3);
                 m_line->add(2.0, 2.1);
                 m_line->add(3.0, 3.3);
                 m_chartView->addSeries(m_line);
                 // Create scatter series with the same data
                 m_scatter = new QScatterSeries();
                 m_scatter->add(m_line->data());
                 m_chartView->addSeries(m_scatter);
                 // Create pie series with different data
                 m_pie = new QPieSeries();
                 m_pie->add(1.1, "1");
                 m_pie->add(2.1, "2");
                 m_pie->add(3.0, "3");
                 m_pie->setPiePosition(0.7, 0.7);
                 m_pie->setPieSize(0.5);
                 m_chartView->addSeries(m_pie);
                 connect(&m_timer, SIGNAL(timeout()), this, SLOT(customize()));
                 m_timer.setInterval(1500);
                 m_timer.setSingleShot(false);
                 m_timer.start();
             }
             MainWindow::~MainWindow()
             {
             }
             void MainWindow::customize()
             {
-                // Customize chart background
+                //! [1]
-                // Use a gradient from color 3 to color 4 for chart background
+                // Use a gradient from "color 3" to "color 4" for chart background
                 QLinearGradient chartGradient(0, 0, 0, 300);
                 chartGradient.setColorAt(0.0, m_companyColor3);
                 chartGradient.setColorAt(0.5, m_companyColor4);
                 chartGradient.setColorAt(1.0, m_companyColor3);
                 m_chartView->setChartBackgroundBrush(chartGradient);
                 m_chartView->setBackgroundBrush(m_companyColor4);
                 m_chartView->setChartTitleBrush(m_companyColor1);
+                //! [1]
-                // Customize chart axis
+                //! [2]
                 QPen color1Pen(m_companyColor1, 4.0);
                 m_chartView->axisX()->setAxisPen(color1Pen);
                 m_chartView->axisY()->setAxisPen(color1Pen);
+                //! [2]
-                // Customize series
+                //! [3]
+                // Customize pen of the line series
                 m_line->setPen(color1Pen);
+                // Customize pen and brush for the scatter
                 m_scatter->setPen(color1Pen);
                 m_scatter->setBrush(m_companyColor3);
+                // Customize pen and brush for the pie
                 for (int i(0); i < m_pie->slices().count(); i++) {
                     Qt::BrushStyle style = static_cast<Qt::BrushStyle>(i + 1);
                     m_pie->slices().at(i)->setSliceBrush(QBrush(m_companyColor2, style));
                     m_pie->slices().at(i)->setSlicePen(color1Pen);
                 }
+                //! [3]
                 // Calculate new colors to be used on the next update for the series
                 m_companyColor1.setRed((m_companyColor1.red() + 25) % 255);
                 m_companyColor1.setGreen((m_companyColor1.green() + 25) % 255);
                 m_companyColor1.setBlue((m_companyColor1.blue() + 25) % 255);
                 m_companyColor2.setRed((m_companyColor2.red() + 25) % 255);
                 m_companyColor2.setGreen((m_companyColor2.green() + 25) % 255);
                 m_companyColor2.setBlue((m_companyColor2.blue() + 25) % 255);
             }

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages