QML轴线图示例，折线图，散点图。
代码：
ChartView {
title:"Two Series, Common Axes"
anchors.fill: parent
legend.visible:false
antialiasing:true
ValueAxis {
id: axisX
min:0
max:10
tickCount:5
}
ValueAxis {
id: axisY
min:-0.5
max:1.5
}
LineSeries {
id: series1
axisX: axisX
axisY: axisY
}
ScatterSeries {
id: series2
axisX: axisX
axisY: axisY
}
}
/* 添加动态数据 */
Component.onCompleted:{
for(var i =0; i <=10; i++){
series1.append(i, Math.random());
series2.append(i, Math.random());
}
}
使用DateTimeAxis构造的图表用于显示具有日期的历史数据。
代码：
ChartView {
title:"Accurate Historical Data"
anchors.fill: parent
legend.visible:false
antialiasing:true
LineSeries {
axisX: DateTimeAxis {
format:"yyyy MMM"
tickCount:5
}
axisY: ValueAxis {
min:0
max:150
}
/* 请注意，JavaScript中的月份是以0为基础的，所以2表示3月份. */
XYPoint { x:toMsecsSinceEpoch(newDate(1950,2,15)); y:5}
XYPoint { x:toMsecsSinceEpoch(newDate(1970,0,1)); y:50}
XYPoint { x:toMsecsSinceEpoch(newDate(1987,12,31)); y:102}
XYPoint { x:toMsecsSinceEpoch(newDate(1998,7,1)); y:100}
XYPoint { x:toMsecsSinceEpoch(newDate(2012,8,2)); y:110}
}
}
/* DateTimeAxis基于QDateTimes，
* 因此我们必须将JavaScript日期转换为毫秒，
* 使它们与DateTimeAxis值匹配。
*/
functiontoMsecsSinceEpoch(date){
var msecs = date.getTime();
return msecs;
}
使用CategoryAxis构造的图表，使数据更易于理解。
代码：
ChartView {
title:"Numerical Data for Dummies"
anchors.fill: parent
legend.visible:false
antialiasing:true
LineSeries {
axisY: CategoryAxis {
min:0
max:30
CategoryRange {
label:"critical"
endValue:2
}
CategoryRange {
label:"low"
endValue:4
}
CategoryRange {
label:"normal"
endValue:7
}
CategoryRange {
label:"high"
endValue:15
}
CategoryRange {
label:"extremely high"
endValue:30
}
}
XYPoint { x:0; y:4.3}
XYPoint { x:1; y:4.1}
XYPoint { x:2; y:4.7}
XYPoint { x:3; y:3.9}
XYPoint { x:4; y:5.2}
}
}
关于更多https://doc.qt.io/qt-5/qtcharts-qmlaxes-example.html
----------------------------------------------------------------------------------------------------------------------
我们尊重原创，也注重分享，文章来源于微信公众号：Qt君，建议关注公众号查看原文。如若侵权请联系qter@qter.org。
----------------------------------------------------------------------------------------------------------------------
|
