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
|
/****************************************************************************
**
** Copyright (C) 2014 Digia Plc
** All rights reserved.
** For any questions to Digia, please use contact form at http://qt.io
**
** This file is part of the Qt Charts module.
**
** Licensees holding valid commercial license for Qt may use this file in
** accordance with the Qt License Agreement provided with the Software
** or, alternatively, in accordance with the terms contained in a written
** agreement between you and Digia.
**
** If you have questions regarding the use of this file, please use
** contact form at http://qt.io
**
****************************************************************************/
import QtQuick 2.0
import QtCharts 2.0
ChartView {
title: "Percent bar series"
anchors.fill: parent
theme: ChartView.ChartThemeLight
legend.alignment: Qt.AlignBottom
animationOptions: ChartView.SeriesAnimations
property variant series: mySeries
HorizontalPercentBarSeries {
id: mySeries
name: "bar"
labelsFormat: "@value";
axisY: BarCategoryAxis { categories: ["2007", "2008", "2009", "2010", "2011", "2012" ] }
BarSet { label: "Bob"; values: [2, 2, 3, 4, 5, 6]
onClicked: console.log("barset.onClicked: " + index);
onHovered: console.log("barset.onHovered: " + status + " " + index);
onPenChanged: console.log("barset.onPenChanged: " + pen);
onBrushChanged: console.log("barset.onBrushChanged: " + brush);
onLabelChanged: console.log("barset.onLabelChanged: " + label);
onLabelBrushChanged: console.log("barset.onLabelBrushChanged: " + labelBrush);
onLabelFontChanged: console.log("barset.onLabelFontChanged: " + labelFont);
onColorChanged: console.log("barset.onColorChanged: " + color);
onBorderColorChanged: console.log("barset.onBorderColorChanged: " + color);
onLabelColorChanged: console.log("barset.onLabelColorChanged: " + color);
onCountChanged: console.log("barset.onCountChanged: " + count);
onValuesAdded: console.log("barset.onValuesAdded: " + index + ", " + count);
onValuesRemoved: console.log("barset.onValuesRemoved: " + index + ", " + count);
onValueChanged: console.log("barset.onValuesChanged: " + index);
onPressed: console.log("barset.onPressed: " + index);
onReleased: console.log("barset.onReleased: " + index);
onDoubleClicked: console.log("barset.onDoubleClicked: " + index);
}
BarSet { label: "Susan"; values: [5, 1, 2, 4, 1, 7] }
BarSet { label: "James"; values: [3, 5, 8, 13, 5, 8] }
onNameChanged: console.log("horizontalPercentBarSeries.onNameChanged: " + series.name);
onVisibleChanged: console.log("horizontalPercentBarSeries.onVisibleChanged: " + series.visible);
onOpacityChanged: console.log("horizontalPercentBarSeries.onOpacityChanged: " + opacity);
onClicked: console.log("horizontalPercentBarSeries.onClicked: " + barset + " " + index);
onHovered: console.log("horizontalPercentBarSeries.onHovered: " + barset
+ " " + status + " " + index);
onLabelsVisibleChanged: console.log("horizontalPercentBarSeries.onLabelsVisibleChanged: " + series.labelsVisible);
onCountChanged: console.log("horizontalPercentBarSeries.onCountChanged: " + count);
onLabelsFormatChanged: console.log(
"horizontalPercentBarSeries.onLabelsFormatChanged: "
+ format);
onLabelsPositionChanged: console.log(
"horizontalPercentBarSeries.onLabelsPositionChanged: "
+ series.labelsPosition);
onPressed: console.log("horizontalPercentBarSeries.onPressed: " + barset + " " + index);
onReleased: console.log("horizontalPercentBarSeries.onReleased: " + barset + " " + index);
onDoubleClicked: console.log("horizontalPercentBarSeries.onDoubleClicked: " + barset + " " + index);
function changeLabelsPosition() {
if (labelsPosition === BarSeries.LabelsCenter)
labelsPosition = BarSeries.LabelsInsideEnd;
else
labelsPosition = BarSeries.LabelsCenter;
}
}
}
|
