##// END OF EJS Templates
Use Item instead of Rectangle as a background item where possible...
Use Item instead of Rectangle as a background item where possible Using Rectangle as background is not recommended if it is only for color. It is more efficient to simply set the window color. Change-Id: I3447ca394d74fa415bde4e9d2f210c81f354555e Reviewed-by: Titta Heikkala <titta.heikkala@theqtcompany.com>

File last commit:

r2849:5e63a05ea53e
r2849:5e63a05ea53e
Show More
main.qml
96 lines | 3.3 KiB | application/x-qml | QmlLexer
/******************************************************************************
**
** Copyright (C) 2015 The Qt Company Ltd.
** Contact: http://www.qt.io/licensing/
**
** This file is part of the Qt Charts module.
**
** $QT_BEGIN_LICENSE:COMM$
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see http://www.qt.io/terms-conditions. For further
** information use the contact form at http://www.qt.io/contact-us.
**
** $QT_END_LICENSE$
**
******************************************************************************/
import QtQuick 2.0
import QtCharts 2.0
import QtQuick.XmlListModel 2.0
Item {
width: 400
height: 300
property int currentIndex: -1
//![1]
ChartView {
id: chartView
title: "Driver Speeds, lap 1"
anchors.fill: parent
legend.alignment: Qt.AlignTop
animationOptions: ChartView.SeriesAnimations
antialiasing: true
}
//![1]
//![2]
// An example XmlListModel containing F1 legend drivers' speeds at speed traps
SpeedsXml {
id: speedsXml
onStatusChanged: {
if (status == XmlListModel.Ready) {
timer.start();
}
}
}
//![2]
//![3]
// A timer to mimic refreshing the data dynamically
Timer {
id: timer
interval: 700
repeat: true
triggeredOnStart: true
running: false
onTriggered: {
currentIndex++;
if (currentIndex < speedsXml.count) {
// Check if there is a series for the data already (we are using driver name to identify series)
var lineSeries = chartView.series(speedsXml.get(currentIndex).driver);
if (!lineSeries) {
lineSeries = chartView.createSeries(ChartView.SeriesTypeLine, speedsXml.get(currentIndex).driver);
chartView.axisY().min = 0;
chartView.axisY().max = 250;
chartView.axisY().tickCount = 6;
chartView.axisY().titleText = "speed (kph)";
chartView.axisX().titleText = "speed trap";
chartView.axisX().labelFormat = "%.0f";
}
lineSeries.append(speedsXml.get(currentIndex).speedTrap, speedsXml.get(currentIndex).speed);
if (speedsXml.get(currentIndex).speedTrap > 3) {
chartView.axisX().max = Number(speedsXml.get(currentIndex).speedTrap) + 1;
chartView.axisX().min = chartView.axisX().max - 5;
} else {
chartView.axisX().max = 5;
chartView.axisX().min = 0;
}
chartView.axisX().tickCount = chartView.axisX().max - chartView.axisX().min + 1;
} else {
// No more data, change x-axis range to show all the data
timer.stop();
chartView.animationOptions = ChartView.AllAnimations;
chartView.axisX().min = 0;
chartView.axisX().max = speedsXml.get(currentIndex - 1).speedTrap;
}
}
}
//![3]
}