<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qhorizontalpercentbarseries.cpp -->
<title>HorizontalPercentBarSeries 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 >HorizontalPercentBarSeries 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">HorizontalPercentBarSeries QML Type</h1>
<span class="subtitle"></span>
<!-- $$$HorizontalPercentBarSeries-brief -->
<p>Presents a series of categorized data as a percentage of each category. <a href="#details">More...</a></p>
<!-- @@@HorizontalPercentBarSeries -->
<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><tr><td class="memItemLeft rightAlign topAlign"> Instantiates:</td><td class="memItemRight bottomAlign"> <a href="qml-qtcharts-horizontalpercentbarseries.html"><a href="qhorizontalpercentbarseries.html">QHorizontalPercentBarSeries</a></td></tr><tr><td class="memItemLeft rightAlign topAlign"> Inherits:</td><td class="memItemRight bottomAlign"> <p><a href="qml-qtcharts-abstractbarseries.html">AbstractBarSeries</a></p>
</td></tr></table></div><ul>
<li><a href="qml-qtcharts-horizontalpercentbarseries-members.html">List of all members, including inherited members</a></li>
</ul>
<!-- $$$HorizontalPercentBarSeries-description -->
<a name="details"></a>
<h2 id="details">Detailed Description</h2>
<p>The data is drawn as a series of uniformly sized horizontally stacked bars, with one bar per category. Each bar set added to the series contributes a single segment to each stacked bar. The segment size corresponds to the percentage of the segment value compared with the total value of all segments in the stack. Bars with zero value are not drawn.</p>
<p>The following QML code snippet shows how to create a simple horizontal percent bar chart:</p>
<pre class="qml">
<span class="type"><a href="qml-qtcharts-chartview.html">ChartView</a></span> {
<span class="name">title</span>: <span class="string">"Horizontal Percent Bar series"</span>
<span class="name">anchors</span>.fill: <span class="name">parent</span>
<span class="name">legend</span>.alignment: <span class="name">Qt</span>.<span class="name">AlignBottom</span>
<span class="name">antialiasing</span>: <span class="number">true</span>
<span class="type"><a href="qml-qtcharts-horizontalpercentbarseries.html">HorizontalPercentBarSeries</a></span> {
<span class="name">axisY</span>: <span class="name">BarCategoryAxis</span> { <span class="name">categories</span>: [<span class="string">"2007"</span>, <span class="string">"2008"</span>, <span class="string">"2009"</span>, <span class="string">"2010"</span>, <span class="string">"2011"</span>, <span class="string">"2012"</span> ] }
<span class="type"><a href="qml-qtcharts-barset.html">BarSet</a></span> { <span class="name">label</span>: <span class="string">"Bob"</span>; <span class="name">values</span>: [<span class="number">2</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>, <span class="number">6</span>] }
<span class="type"><a href="qml-qtcharts-barset.html">BarSet</a></span> { <span class="name">label</span>: <span class="string">"Susan"</span>; <span class="name">values</span>: [<span class="number">5</span>, <span class="number">1</span>, <span class="number">2</span>, <span class="number">4</span>, <span class="number">1</span>, <span class="number">7</span>] }
<span class="type"><a href="qml-qtcharts-barset.html">BarSet</a></span> { <span class="name">label</span>: <span class="string">"James"</span>; <span class="name">values</span>: [<span class="number">3</span>, <span class="number">5</span>, <span class="number">8</span>, <span class="number">13</span>, <span class="number">5</span>, <span class="number">8</span>] }
}
}
</pre>
<div style="float: left; margin-right: 2em"><p class="centerAlign"><img src="images/examples_qmlchart11.png" alt="" /></p></div><br style="clear: both" /><!-- @@@HorizontalPercentBarSeries -->
</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
>
194
