<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- qtcharts.qdoc --> <title>Qt Charts Examples | Qt Charts 5.12.6</title> <link rel="stylesheet" type="text/css" href="style/offline-simple.css" /> <script type="text/javascript"> document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css"); // loading style sheet breaks anchors that were jumped to before // so force jumping to anchor again setTimeout(function() { var anchor = location.hash; // need to jump to different anchor first (e.g. none) location.hash = "#"; setTimeout(function() { location.hash = anchor; }, 0); }, 0); </script> </head> <body> <div class="header" id="qtdocheader"> <div class="main"> <div class="main-rounded"> <div class="navigationbar"> <table><tr> <td >Qt 5.12</td><td ><a href="qtcharts-index.html">Qt Charts</a></td><td >Qt Charts Examples</td></tr></table><table class="buildversion"><tr> <td id="buildversion" width="100%" align="right"><a href="qtcharts-index.html">Qt Charts | Commercial or GPLv3</a></td> </tr></table> </div> </div> <div class="content"> <div class="line"> <div class="content mainContent"> <div class="sidebar"><div class="sidebar-content" id="sidebar-content"></div></div> <h1 class="title">Qt Charts Examples</h1> <span class="subtitle"></span> <!-- $$$qtcharts_examples-description --> <div class="descr"> <a name="details"></a> <p>The Qt Charts examples demonstrate how to use charts in widget-based and Qt Quick applications:</p> </div> <!-- @@@qtcharts_examples --> <div class="table"><table class="annotated"> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-areachart-example.html">AreaChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple area chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-audio-example.html">Audio Example</a></p></td><td class="tblDescr"><p>This example shows the drawing of dynamic data (microphone input).</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-barchart-example.html">BarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a bar chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-barmodelmapper-example.html">BarModelMapper Example</a></p></td><td class="tblDescr"><p>This example shows how to use QAbstractItemModel derived model as the data for the bar series.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-boxplotchart-example.html">Box and Whiskers Example</a></p></td><td class="tblDescr"><p>The example shows how to create a box-and-whiskers chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-callout-example.html">Callout Example</a></p></td><td class="tblDescr"><p>This example shows how to draw an additional element (a callout) on top of the chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-candlestickchart-example.html">Candlestick Chart Example</a></p></td><td class="tblDescr"><p>Shows how to create a candlestick chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-chartthemes-example.html">Chart Themes Example</a></p></td><td class="tblDescr"><p>The example shows the look and feel of the different built-in themes.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-customchart-example.html">Custom Chart Example</a></p></td><td class="tblDescr"><p>This example shows how to customize the appearance of the different elements on a chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-datetimeaxis-example.html">DateTimeAxis Example</a></p></td><td class="tblDescr"><p>The example shows how to use QLineChart with QDateTimeAxis.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-donutbreakdown-example.html">Donut Chart Breakdown Example</a></p></td><td class="tblDescr"><p>This example shows how to use create a donut breakdown chart using QPieSeries API.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-donutchart-example.html">Donutchart Example</a></p></td><td class="tblDescr"><p>This example shows how to create a simple donut chart, and do some customizations to a slice.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-dynamicspline-example.html">Dynamic Spline Example</a></p></td><td class="tblDescr"><p>This example shows how to draw dynamic data.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-horizontalbarchart-example.html">HorizontalBarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a horizontal bar chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-horizontalpercentbarchart-example.html">HorizontalPercentBarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple horizontal percent bar chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-horizontalstackedbarchart-example.html">HorizontalStackedBarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple stacked horizontal bar chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-legend-example.html">Legend Example</a></p></td><td class="tblDescr"><p>This example shows how to detach the legend from the chart and how to attach it back.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-legendmarkers-example.html">LegendMarkers Example</a></p></td><td class="tblDescr"><p>The example shows how to make use of legend markers.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-lineandbar-example.html">Line and BarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to combine different charts and set the axes.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-linechart-example.html">LineChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple line chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-logvalueaxis-example.html">Logarithmic Axis Example</a></p></td><td class="tblDescr"><p>The example shows how to use QLogValueAxis.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-modeldata-example.html">Model Data Example</a></p></td><td class="tblDescr"><p>This example shows how to use the QAbstractItemModel derived model as the data for the series.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-multiaxis-example.html">Multiple Axes Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple chart with two vertical axes. One for each series.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-nesteddonuts-example.html">Nested Donuts Example</a></p></td><td class="tblDescr"><p>This example shows how to create a nested donuts chart using the QPieSeries API.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-openglseries-example.html">OpenGL Accelerated Series Example</a></p></td><td class="tblDescr"><p>The example shows how to enable OpenGL acceleration for QLineSeries and QScatterSeries.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-percentbarchart-example.html">PercentBarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple percent bar chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-piechartcustomization-example.html">Pie Chart Customization Example</a></p></td><td class="tblDescr"><p>This example shows how the look and feel of a pie chart can be customized.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-piechartdrilldown-example.html">Piechart Drilldown Example</a></p></td><td class="tblDescr"><p>The example shows how to implement a piechart with drilldown effect.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-piechart-example.html">Piechart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple pie chart and do some customizations to a pie slice.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-polarchart-example.html">Polar Chart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple polar chart with multiple different series.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-qmlaxes-example.html">Qml Axes</a></p></td><td class="tblDescr"><p>This is a demonstration of how to use axes in your QML application.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-qmlchart-example.html">Qml Charts Example</a></p></td><td class="tblDescr"><p>This basic demonstration shows how to use the different chart types by using qml.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-qmlcustomlegend-example.html">Qml Custom Legend</a></p></td><td class="tblDescr"><p>This example shows you how to create your own custom legend.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-qmlcustomizations-example.html">Qml Customizations</a></p></td><td class="tblDescr"><p>This application shows you how to customize different visual properties of a ChartView and series.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-qmlf1legends-example.html">Qml F1 Legends</a></p></td><td class="tblDescr"><p>This application demonstrates how to use XmlListModel as a datasource for a Chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-qmloscilloscope-example.html">Qml Oscilloscope</a></p></td><td class="tblDescr"><p>The example shows how to implement application with strict performance requirements using the Qt Charts QML API.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-qmlpolarchart-example.html">Qml Polar Chart</a></p></td><td class="tblDescr"><p>This is a demonstration on how to use a polar chart in your QML application.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-qmlweather-example.html">Qml Weather</a></p></td><td class="tblDescr"><p>This is a basic demonstration showing how to use the different chart types by using qml.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-scatterinteractions-example.html">Scatter Interactions Example</a></p></td><td class="tblDescr"><p>This example shows how to create a simple scatter chart and how to interact with the chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-scatterchart-example.html">ScatterChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple scatter chart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-splinechart-example.html">SplineChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple spline chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-stackedbarchartdrilldown-example.html">StackedBarChart Drilldown Example</a></p></td><td class="tblDescr"><p>The example shows how to implement drilldown using a stacked barchart.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-stackedbarchart-example.html">StackedBarChart Example</a></p></td><td class="tblDescr"><p>The example shows how to create a simple stacked bar chart.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtcharts-temperaturerecords-example.html">Temperature Records Example</a></p></td><td class="tblDescr"><p>The example shows how to create a bar chart with negative bars.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtcharts-zoomlinechart-example.html">Zoom Line Example</a></p></td><td class="tblDescr"><p>The example shows how to create your own custom zooming effect.</p></td></tr> </table></div> </div> </div> </div> </div> </div> <div class="footer"> <p> <acronym title="Copyright">©</acronym> 2019 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners.<br/> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br/> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners. </p> </div> </body> </html>