ChartView {title: "Two Series, Common Axes"anchors.fill: parentlegend.visible: falseantialiasing: trueValueAxis {id: axisXmin: 0max: 10tickCount: 5}ValueAxis {id: axisYmin: -0.5max: 1.5}LineSeries {id: series1axisX: axisXaxisY: axisY}ScatterSeries {id: series2axisX: axisXaxisY: axisY}
}/* 添加动态数据 */
Component.onCompleted: {for (var i = 0; i <= 10; i++) {series1.append(i, Math.random());series2.append(i, Math.random());}
}

ChartView {title: "Accurate Historical Data"anchors.fill: parentlegend.visible: falseantialiasing: trueLineSeries {axisX: DateTimeAxis {format: "yyyy MMM"tickCount: 5}axisY: ValueAxis {min: 0max: 150}/* 请注意，JavaScript中的月份是以0为基础的，所以2表示3月份. */XYPoint { x: toMsecsSinceEpoch(new Date(1950, 2, 15)); y: 5 }XYPoint { x: toMsecsSinceEpoch(new Date(1970, 0, 1)); y: 50 }XYPoint { x: toMsecsSinceEpoch(new Date(1987, 12, 31)); y: 102 }XYPoint { x: toMsecsSinceEpoch(new Date(1998, 7, 1)); y: 100 }XYPoint { x: toMsecsSinceEpoch(new Date(2012, 8, 2)); y: 110 }}
}/* DateTimeAxis基于QDateTimes，* 因此我们必须将JavaScript日期转换为毫秒，* 使它们与DateTimeAxis值匹配。*/
function toMsecsSinceEpoch(date) {var msecs = date.getTime();return msecs;
}

ChartView {title: "Numerical Data for Dummies"anchors.fill: parentlegend.visible: falseantialiasing: trueLineSeries {axisY: CategoryAxis {min: 0max: 30CategoryRange {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