|
|
/*!
|
|
|
\page qml.html
|
|
|
\title Qt Charts QML API
|
|
|
\keyword Charts QML API
|
|
|
|
|
|
The Qt Charts QML API is an intuitive and simple way to show charts in your QML
|
|
|
applications.
|
|
|
|
|
|
\table
|
|
|
\row
|
|
|
\li \br
|
|
|
Use the following QML to create a simple pie chart:
|
|
|
\br
|
|
|
\br
|
|
|
\snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 1
|
|
|
\snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 2
|
|
|
\snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 3
|
|
|
\li \inlineimage examples_qmlpiechart.png
|
|
|
\endtable
|
|
|
|
|
|
\note Since Qt Charts utilizes Qt Graphics View Framework for drawing, it works best
|
|
|
with Qt Quick 1, which is based on the same framework.
|
|
|
As of release 1.3.0, Qt Charts is also usable with Qt Quick 2, though the performance
|
|
|
is slightly worse than with Qt Quick 1 due to the additional rendering step that is required.
|
|
|
|
|
|
\note Since Qt Creator 3.0 the project created with Qt Quick Application wizard based on
|
|
|
Qt Quick 2 template uses QGuiApplication by default. As Qt Charts utilizes Qt Graphics View
|
|
|
Framework for drawing, QApplication must be used. The project created with the wizard is
|
|
|
usable with Qt Charts after the QGuiApplication is replaced with QApplication.
|
|
|
|
|
|
\note Qt Quick 1 is supported from Qt 4.7.4 onwards because of the missing
|
|
|
Q_REVISION macro in the earlier Qt releases. Qt Quick 2 is supported with only Qt 5.
|
|
|
|
|
|
\raw HTML
|
|
|
<table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable">
|
|
|
<tr>
|
|
|
<th class="titleheader" width="25%"> ChartView and it's properties </th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top">
|
|
|
<ul>
|
|
|
<li><a href="qml-qtcommercial-chart-chartview.html">ChartView</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-polarchartview.html">PolarChartView</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-abstractaxis.html">AbstractAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-valueaxis.html">ValueAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-logvalueaxis.html">LogValueAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-categoryaxis.html">CategoryAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-categoryrange.html">CategoryRange</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-barcategoryaxis.html">BarCategoryAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-datetimeaxis.html">DateTimeAxis</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-legend.html">Legend</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-abstractseries.html">AbstractSeries</a></li>
|
|
|
</ul>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable">
|
|
|
<tr>
|
|
|
<th class="titleheader" width="25%"> XY chart </th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top">
|
|
|
<ul>
|
|
|
<li><a href="qml-qtcommercial-chart-xyseries.html">XYSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-lineseries.html">LineSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-areaseries.html">AreaSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-scatterseries.html">ScatterSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-splineseries.html">SplineSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-xypoint.html">XYPoint</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-hxymodelmapper.html">HXYModelMapper</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-vxymodelmapper.html">VXYModelMapper</a></li>
|
|
|
</ul>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable">
|
|
|
<tr>
|
|
|
<th class="titleheader" width="25%"> Pie chart </th>
|
|
|
<tr>
|
|
|
<td valign="top">
|
|
|
<ul>
|
|
|
<li><a href="qml-qtcommercial-chart-pieseries.html">PieSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-pieslice.html">PieSlice</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-hpiemodelmapper.html">HPieModelMapper</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-vpiemodelmapper.html">VPieModelMapper</a></li>
|
|
|
</ul>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable">
|
|
|
<tr>
|
|
|
<th class="titleheader" width="25%"> Bar chart </th>
|
|
|
<tr>
|
|
|
<td valign="top">
|
|
|
<ul>
|
|
|
<li><a href="qml-qtcommercial-chart-barseries.html">BarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-stackedbarseries.html">StackedBarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-percentbarseries.html">PercentBarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-horizontalbarseries.html">HorizontalBarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-horizontalstackedbarseries.html">HorizontalStackedBarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-horizontalpercentbarseries.html">HorizontalPercentBarSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-barset.html">BarSet</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-boxplotseries.html">BoxPlotSeries</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-boxset.html">BoxSet</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-hbarmodelmapper.html">HBarModelMapper</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-vbarmodelmapper.html">VBarModelMapper</a></li>
|
|
|
<li><a href="qml-qtcommercial-chart-vboxplotmodelmapper.html">VBoxPlotModelMapper</a></li>
|
|
|
</ul>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
\endraw
|
|
|
*/
|
|
|
|