<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- examples-multiaxis.qdoc -->
<title>Multiple Axes Example | Qt Charts 5.9</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.9</td><td ><a href="qtcharts-index.html">Qt Charts</a></td><td ><a href="qtcharts-examples.html">Qt Charts Examples</a></td><td >Multiple Axes Example</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.9.4 Reference Documentation</td>
</tr></table>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#running-the-example">Running the Example</a></li>
<li class="level1"><a href="#using-multiple-axes">Using Multiple Axes</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Multiple Axes Example</h1>
<span class="subtitle"></span>
<!-- $$$multiaxis-description -->
<div class="descr"> <a name="details"></a>
<p class="centerAlign"><img src="images/examples_multiaxis.png" alt="" /></p><a name="running-the-example"></a>
<h2 id="running-the-example">Running the Example</h2>
<p>To run the example from Qt Creator, open the <b>Welcome</b> mode and select the example from <b>Examples</b>. For more information, visit Building and Running an Example.</p>
<a name="using-multiple-axes"></a>
<h2 id="using-multiple-axes">Using Multiple Axes</h2>
<p>Create the <a href="qchart.html">QChart</a> instance, hide the legend of the chart, and set its title.</p>
<pre class="cpp">
<span class="type"><a href="qchart.html">QChart</a></span> <span class="operator">*</span>chart <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qchart.html">QChart</a></span>();
chart<span class="operator">-</span><span class="operator">></span>legend()<span class="operator">-</span><span class="operator">></span>hide();
chart<span class="operator">-</span><span class="operator">></span>setTitle(<span class="string">"Multiaxis chart example"</span>);
</pre>
<p>Create a <a href="qvalueaxis.html">QValueAxis</a> instance that will be used as a horizontal axis by both series and add it the bottom of the chart. The axis can be shared between many series, but each series can have only one vertical and horizontal axis.</p>
<pre class="cpp">
<span class="type"><a href="qvalueaxis.html">QValueAxis</a></span> <span class="operator">*</span>axisX <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qvalueaxis.html">QValueAxis</a></span>;
axisX<span class="operator">-</span><span class="operator">></span>setTickCount(<span class="number">10</span>);
chart<span class="operator">-</span><span class="operator">></span>addAxis(axisX<span class="operator">,</span> <span class="type">Qt</span><span class="operator">::</span>AlignBottom);
</pre>
<p>Create the first series, and add the data to it. Finally, add the series to the chart. Instantiate its own Y-axis, add it to the chart. Then attach both the common X-axis and the series specific Y-axis. In this example the color of the axis line is set to be the same as the color of the series to make it possible to distinguish which axis is attached to which series.</p>
<pre class="cpp">
<span class="type"><a href="qsplineseries.html">QSplineSeries</a></span> <span class="operator">*</span>series <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qsplineseries.html">QSplineSeries</a></span>;
<span class="operator">*</span>series <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">1</span><span class="operator">,</span> <span class="number">5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">3.5</span><span class="operator">,</span> <span class="number">18</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">4.8</span><span class="operator">,</span> <span class="number">7.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">10</span><span class="operator">,</span> <span class="number">2.5</span>);
chart<span class="operator">-</span><span class="operator">></span>addSeries(series);
<span class="type"><a href="qvalueaxis.html">QValueAxis</a></span> <span class="operator">*</span>axisY <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qvalueaxis.html">QValueAxis</a></span>;
axisY<span class="operator">-</span><span class="operator">></span>setLinePenColor(series<span class="operator">-</span><span class="operator">></span>pen()<span class="operator">.</span>color());
chart<span class="operator">-</span><span class="operator">></span>addAxis(axisY<span class="operator">,</span> <span class="type">Qt</span><span class="operator">::</span>AlignLeft);
series<span class="operator">-</span><span class="operator">></span>attachAxis(axisX);
series<span class="operator">-</span><span class="operator">></span>attachAxis(axisY);
</pre>
<p>Similarly prepare another series. This time a different axis type is used. Additionally grid lines color is also set to be the same as the color of the series.</p>
<pre class="cpp">
series <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qsplineseries.html">QSplineSeries</a></span>;
<span class="operator">*</span>series <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">1</span><span class="operator">,</span> <span class="number">0.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">1.5</span><span class="operator">,</span> <span class="number">4.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">2.4</span><span class="operator">,</span> <span class="number">2.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">4.3</span><span class="operator">,</span> <span class="number">12.5</span>)
<span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">5.2</span><span class="operator">,</span> <span class="number">3.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">7.4</span><span class="operator">,</span> <span class="number">16.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">8.3</span><span class="operator">,</span> <span class="number">7.5</span>) <span class="operator"><</span><span class="operator"><</span> <span class="type">QPointF</span>(<span class="number">10</span><span class="operator">,</span> <span class="number">17</span>);
chart<span class="operator">-</span><span class="operator">></span>addSeries(series);
<span class="type"><a href="qcategoryaxis.html">QCategoryAxis</a></span> <span class="operator">*</span>axisY3 <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qcategoryaxis.html">QCategoryAxis</a></span>;
axisY3<span class="operator">-</span><span class="operator">></span>append(<span class="string">"Low"</span><span class="operator">,</span> <span class="number">5</span>);
axisY3<span class="operator">-</span><span class="operator">></span>append(<span class="string">"Medium"</span><span class="operator">,</span> <span class="number">12</span>);
axisY3<span class="operator">-</span><span class="operator">></span>append(<span class="string">"High"</span><span class="operator">,</span> <span class="number">17</span>);
axisY3<span class="operator">-</span><span class="operator">></span>setLinePenColor(series<span class="operator">-</span><span class="operator">></span>pen()<span class="operator">.</span>color());
axisY3<span class="operator">-</span><span class="operator">></span>setGridLinePen((series<span class="operator">-</span><span class="operator">></span>pen()));
chart<span class="operator">-</span><span class="operator">></span>addAxis(axisY3<span class="operator">,</span> <span class="type">Qt</span><span class="operator">::</span>AlignRight);
series<span class="operator">-</span><span class="operator">></span>attachAxis(axisX);
series<span class="operator">-</span><span class="operator">></span>attachAxis(axisY3);
</pre>
<p>Create a <a href="qchartview.html">QChartView</a> object with <a href="qchart.html">QChart</a> as a parameter. Enable Antialiasing to have the rendered splines look nicer.</p>
<pre class="cpp">
<span class="type"><a href="qchartview.html">QChartView</a></span> <span class="operator">*</span>chartView <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qchartview.html">QChartView</a></span>(chart);
chartView<span class="operator">-</span><span class="operator">></span>setRenderHint(<span class="type">QPainter</span><span class="operator">::</span>Antialiasing);
</pre>
<p>The chart is ready to be shown.</p>
<pre class="cpp">
<span class="type">QMainWindow</span> window;
window<span class="operator">.</span>setCentralWidget(chartView);
window<span class="operator">.</span>resize(<span class="number">800</span><span class="operator">,</span> <span class="number">600</span>);
window<span class="operator">.</span>show();
</pre>
<p>Files:</p>
<ul>
<li><a href="qtcharts-multiaxis-main-cpp.html">multiaxis/main.cpp</a></li>
<li><a href="qtcharts-multiaxis-multiaxis-pro.html">multiaxis/multiaxis.pro</a></li>
</ul>
</div>
<!-- @@@multiaxis -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2017 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>
distrib
>
Mageia
>
6
>
x86_64
>
media
>
core-updates
>
by-pkgid
>
19952c5e751bf7e3108c3c59625b0f35
>
files
>
359
