qtcharts5-doc-html 5.9.5-0ubuntu1 / usr / share / qt5 / doc / qtcharts / qtcharts-qmlf1legends-example.html

This file is indexed.

/usr/share/qt5/doc/qtcharts/qtcharts-qmlf1legends-example.html is in qtcharts5-doc-html 5.9.5-0ubuntu1.

This file is owned by root:root, with mode 0o644.

The actual contents of the file can be viewed below. 

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<?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-qmlf1legends.qdoc -->
  <title>Qml F1 Legends | 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 >Qml F1 Legends</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.9.5 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-list-models-as-data-sources">Using List Models as Data Sources</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qml F1 Legends</h1>
<span class="subtitle"></span>
<!-- $$$qmlf1legends-description -->
<div class="descr"> <a name="details"></a>
<p class="centerAlign"><img src="images/examples_qmlf1legends.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-list-models-as-data-sources"></a>
<h2 id="using-list-models-as-data-sources">Using List Models as Data Sources</h2>
<p>Let's define an empty <a href="qml-qtcharts-chartview.html">ChartView</a> first:</p>
<pre class="qml">

  <span class="type"><a href="qml-qtcharts-chartview.html">ChartView</a></span> {
      <span class="name">id</span>: <span class="name">chartView</span>
      <span class="name">title</span>: <span class="string">&quot;Driver Speeds, lap 1&quot;</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">AlignTop</span>
      <span class="name">animationOptions</span>: <span class="name">ChartView</span>.<span class="name">SeriesAnimations</span>
      <span class="name">antialiasing</span>: <span class="number">true</span>
  }

</pre>
<p>Our XmlListModel uses hard-coded test data. In a real application the data source would be a timing system.</p>
<pre class="qml">

  <span class="type">XmlListModel</span> {
      <span class="comment">// Hard-coded test data</span>
      <span class="name">xml</span>: <span class="string">&quot;&lt;results&gt;&lt;row&gt;&lt;speedTrap&gt;0&lt;/speedTrap&gt;&lt;driver&gt;Fittipaldi&lt;/driver&gt;&lt;speed&gt;104.12&lt;/speed&gt;&lt;/row&gt;&quot;</span>
          <span class="operator">+</span><span class="string">&quot;&lt;row&gt;&lt;speedTrap&gt;0&lt;/speedTrap&gt;&lt;driver&gt;Stewart&lt;/driver&gt;&lt;speed&gt;106.12&lt;/speed&gt;&lt;/row&gt;&quot;</span>
          <span class="operator">+</span><span class="string">&quot;&lt;row&gt;&lt;speedTrap&gt;0&lt;/speedTrap&gt;&lt;driver&gt;Hunt&lt;/driver&gt;&lt;speed&gt;106.12&lt;/speed&gt;&lt;/row&gt;&quot;</span>
      ...
      <span class="name">query</span>: <span class="string">&quot;/results/row&quot;</span>

      <span class="type">XmlRole</span> { <span class="name">name</span>: <span class="string">&quot;speedTrap&quot;</span>; <span class="name">query</span>: <span class="string">&quot;speedTrap/string()&quot;</span> }
      <span class="type">XmlRole</span> { <span class="name">name</span>: <span class="string">&quot;driver&quot;</span>; <span class="name">query</span>: <span class="string">&quot;driver/string()&quot;</span> }
      <span class="type">XmlRole</span> { <span class="name">name</span>: <span class="string">&quot;speed&quot;</span>; <span class="name">query</span>: <span class="string">&quot;speed/string()&quot;</span> }
  }
  <span class="comment">// An example XmlListModel containing F1 legend drivers' speeds at speed traps</span>
  <span class="type">SpeedsXml</span> {
      <span class="name">id</span>: <span class="name">speedsXml</span>
      <span class="name">onStatusChanged</span>: {
          <span class="keyword">if</span> (<span class="name">status</span> <span class="operator">==</span> <span class="name">XmlListModel</span>.<span class="name">Ready</span>) {
              <span class="name">timer</span>.<span class="name">start</span>();
          }
      }
  }

</pre>
<p>The data is parsed with a timer. The line series representing each driver are created on the fly.</p>
<pre class="qml">

  <span class="comment">// A timer to mimic refreshing the data dynamically</span>
  <span class="type">Timer</span> {
      <span class="name">id</span>: <span class="name">timer</span>
      <span class="name">interval</span>: <span class="number">700</span>
      <span class="name">repeat</span>: <span class="number">true</span>
      <span class="name">triggeredOnStart</span>: <span class="number">true</span>
      <span class="name">running</span>: <span class="number">false</span>
      <span class="name">onTriggered</span>: {
          currentIndex++;
          <span class="keyword">if</span> (<span class="name">currentIndex</span> <span class="operator">&lt;</span> <span class="name">speedsXml</span>.<span class="name">count</span>) {
              <span class="comment">// Check if there is a series for the data already</span>
              <span class="comment">// (we are using driver name to identify series)</span>
              var <span class="name">lineSeries</span> = <span class="name">chartView</span>.<span class="name">series</span>(<span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">driver</span>);
              <span class="keyword">if</span> (!<span class="name">lineSeries</span>) {
                  <span class="name">lineSeries</span> <span class="operator">=</span> <span class="name">chartView</span>.<span class="name">createSeries</span>(<span class="name">ChartView</span>.<span class="name">SeriesTypeLine</span>,
                                                      <span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">driver</span>);
                  <span class="name">chartView</span>.<span class="name">axisY</span>().<span class="name">min</span> <span class="operator">=</span> <span class="number">0</span>;
                  <span class="name">chartView</span>.<span class="name">axisY</span>().<span class="name">max</span> <span class="operator">=</span> <span class="number">250</span>;
                  <span class="name">chartView</span>.<span class="name">axisY</span>().<span class="name">tickCount</span> <span class="operator">=</span> <span class="number">6</span>;
                  <span class="name">chartView</span>.<span class="name">axisY</span>().<span class="name">titleText</span> <span class="operator">=</span> <span class="string">&quot;speed (kph)&quot;</span>;
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">titleText</span> <span class="operator">=</span> <span class="string">&quot;speed trap&quot;</span>;
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">labelFormat</span> <span class="operator">=</span> <span class="string">&quot;%.0f&quot;</span>;
              }
              <span class="name">lineSeries</span>.<span class="name">append</span>(<span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">speedTrap</span>,
                                <span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">speed</span>);

              <span class="keyword">if</span> (<span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">speedTrap</span> <span class="operator">&gt;</span> <span class="number">3</span>) {
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">max</span> <span class="operator">=</span> <span class="name">Number</span>(<span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span>).<span class="name">speedTrap</span>) <span class="operator">+</span> <span class="number">1</span>;
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">min</span> <span class="operator">=</span> <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">max</span> <span class="operator">-</span> <span class="number">5</span>;
              } <span class="keyword">else</span> {
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">max</span> <span class="operator">=</span> <span class="number">5</span>;
                  <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">min</span> <span class="operator">=</span> <span class="number">0</span>;
              }
              <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">tickCount</span> <span class="operator">=</span> <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">max</span> <span class="operator">-</span> <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">min</span> <span class="operator">+</span> <span class="number">1</span>;
          } <span class="keyword">else</span> {
              <span class="comment">// No more data, change x-axis range to show all the data</span>
              <span class="name">timer</span>.<span class="name">stop</span>();
              <span class="name">chartView</span>.<span class="name">animationOptions</span> <span class="operator">=</span> <span class="name">ChartView</span>.<span class="name">AllAnimations</span>;
              <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">min</span> <span class="operator">=</span> <span class="number">0</span>;
              <span class="name">chartView</span>.<span class="name">axisX</span>().<span class="name">max</span> <span class="operator">=</span> <span class="name">speedsXml</span>.<span class="name">get</span>(<span class="name">currentIndex</span> <span class="operator">-</span> <span class="number">1</span>).<span class="name">speedTrap</span>;
          }
      }
  }

</pre>
<p>Files:</p>
<ul>
<li><a href="qtcharts-qmlf1legends-qml-qmlf1legends-speedsxml-qml.html">qmlf1legends/qml/qmlf1legends/SpeedsXml.qml</a></li>
<li><a href="qtcharts-qmlf1legends-qml-qmlf1legends-main-qml.html">qmlf1legends/qml/qmlf1legends/main.qml</a></li>
<li><a href="qtcharts-qmlf1legends-main-cpp.html">qmlf1legends/main.cpp</a></li>
<li><a href="qtcharts-qmlf1legends-qmlf1legends-pro.html">qmlf1legends/qmlf1legends.pro</a></li>
<li><a href="qtcharts-qmlf1legends-resources-qrc.html">qmlf1legends/resources.qrc</a></li>
</ul>
</div>
<!-- @@@qmlf1legends -->
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</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>

APT Browse - Built by Thomas Orozco.