<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- declarativepolarchart.cpp -->
<title>PolarChartView QML Type | 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-qmlmodule.html">QML Types</a></td><td >PolarChartView QML Type</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="#details">Detailed Description</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">PolarChartView QML Type</h1>
<span class="subtitle"></span>
<!-- $$$PolarChartView-brief -->
<p>Presents data in polar charts. <a href="#details">More...</a></p>
<!-- @@@PolarChartView -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import QtCharts 2.2</td></tr></table></div><ul>
<li><a href="qml-qtcharts-polarchartview-members.html">List of all members, including inherited members</a></li>
</ul>
<!-- $$$PolarChartView-description -->
<a name="details"></a>
<h2 id="details">Detailed Description</h2>
<p>Polar charts present data in a circular graph, where the placement of data is based on the angle and distance from the center of the graph, the <i>pole</i>.</p>
<p class="centerAlign"><img src="images/examples_qmlpolarchart1.png" alt="" /></p><p>A polar chart is a specialization of the <a href="qml-qtcharts-chartview.html">ChartView</a> type. It supports line, spline, area, and scatter series, and all axis types supported by them. Each axis can be used either as a radial or an angular axis.</p>
<p>The first and last tick mark on an angular <a href="qml-qtcharts-valueaxis.html">ValueAxis</a> are co-located at a 0/360 degree angle.</p>
<p>If the angular distance between two consecutive points in a series is more than 180 degrees, any direct line connecting the two points becomes meaningless, and will not be drawn. Instead, a line will be drawn to and from the center of the chart. Therefore, the axis ranges must be chosen accordingly when displaying line, spline, or area series.</p>
<p>Polar charts draw all axes of the same orientation in the same position, so using multiple axes of the same orientation can be confusing, unless the extra axes are only used to customize the grid. For example, you can display a highlighted range with a secondary shaded <a href="qml-qtcharts-categoryaxis.html">CategoryAxis</a> or provide unlabeled subticks with a secondary <a href="qml-qtcharts-valueaxis.html">ValueAxis</a> thas has hidden labels.</p>
<p>The following QML code shows how to create a polar chart with a spline and scatter series and two value axes:</p>
<pre class="qml">
<span class="type"><a href="qml-qtcharts-polarchartview.html">PolarChartView</a></span> {
<span class="name">title</span>: <span class="string">"Two Series, Common Axes"</span>
<span class="name">anchors</span>.fill: <span class="name">parent</span>
<span class="name">legend</span>.visible: <span class="number">false</span>
<span class="name">antialiasing</span>: <span class="number">true</span>
<span class="type"><a href="qml-qtcharts-valueaxis.html">ValueAxis</a></span> {
<span class="name">id</span>: <span class="name">axisAngular</span>
<span class="name">min</span>: <span class="number">0</span>
<span class="name">max</span>: <span class="number">20</span>
<span class="name">tickCount</span>: <span class="number">9</span>
}
<span class="type"><a href="qml-qtcharts-valueaxis.html">ValueAxis</a></span> {
<span class="name">id</span>: <span class="name">axisRadial</span>
<span class="name">min</span>: -<span class="number">0.5</span>
<span class="name">max</span>: <span class="number">1.5</span>
}
<span class="type"><a href="qml-qtcharts-splineseries.html">SplineSeries</a></span> {
<span class="name">id</span>: <span class="name">series1</span>
<span class="name">axisAngular</span>: <span class="name">axisAngular</span>
<span class="name">axisRadial</span>: <span class="name">axisRadial</span>
<span class="name">pointsVisible</span>: <span class="number">true</span>
}
<span class="type"><a href="qml-qtcharts-scatterseries.html">ScatterSeries</a></span> {
<span class="name">id</span>: <span class="name">series2</span>
<span class="name">axisAngular</span>: <span class="name">axisAngular</span>
<span class="name">axisRadial</span>: <span class="name">axisRadial</span>
<span class="name">markerSize</span>: <span class="number">10</span>
}
}
<span class="comment">// Add data dynamically to the series</span>
<span class="name">Component</span>.onCompleted: {
<span class="keyword">for</span> (<span class="keyword">var</span> <span class="name">i</span> = <span class="number">0</span>; <span class="name">i</span> <span class="operator"><=</span> <span class="number">20</span>; i++) {
<span class="name">series1</span>.<span class="name">append</span>(<span class="name">i</span>, <span class="name">Math</span>.<span class="name">random</span>());
<span class="name">series2</span>.<span class="name">append</span>(<span class="name">i</span>, <span class="name">Math</span>.<span class="name">random</span>());
}
}
</pre>
<!-- @@@PolarChartView -->
</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
>
216
