examples/snippets/barchart.qml

0001 /*
0002  * This file is part of KQuickCharts
0003  * SPDX-FileCopyrightText: 2019 Arjen Hiemstra <ahiemstra@heimr.nl>
0004  *
0005  * SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL
0006  */
0007
0008 //! [example]
0009 import QtQuick
0010 import QtQuick.Controls
0011
0012 import org.kde.quickcharts as Charts
0013
0014 Charts.BarChart {
0015     id: barChart
0016
0017     width: 400
0018     height: 300
0019
0020     valueSources: [
0021         Charts.ModelSource { roleName: "value1"; model: listModel },
0022         Charts.ModelSource { roleName: "value2"; model: listModel },
0023         Charts.ModelSource { roleName: "value3"; model: listModel }
0024     ]
0025
0026     colorSource: Charts.ArraySource { array: ["red", "green", "blue"] }
0027     nameSource: Charts.ArraySource { array: ["Example 1", "Example 2", "Example 3"] }
0028
0029     barWidth: 20
0030
0031     ListModel {
0032         id: listModel
0033
0034         ListElement { value1: 19; value2: 2; value3: 6 }
0035         ListElement { value1: 14; value2: 20; value3: 17 }
0036         ListElement { value1: 4; value2: 10; value3: 11 }
0037         ListElement { value1: 5; value2: 11; value3: 9 }
0038         ListElement { value1: 20; value2: 7; value3: 13 }
0039     }
0040 }
0041 //! [example]