用QML绘画曲线图
介绍
一开始我以为qt画图表是需要我们自己画。结果就是我直接放弃了,太麻烦了。后来我了解到Qt的有一个Charts的模块专门用来画图表,但是Qt给的例程都是C++的,但现在我更喜欢QML做界面。找了好久才知道怎么做
Charts的引用
Charts是可选安装,在安装Qt时,需要自己选择安装Charts。当初就是不知道这样然后就QML引用这个包时就直接报错。
引用包需要在pro文件添加:
QT+=charts
Chartview
再画图标之前需要用Chartview
SplineSeries
SplineSeries是用来绘画曲线图的
name:图表的名字
axisX:设置图表的X轴
axisY:设置图表的Y轴
ValueAxis
ValueAxis用于设置图表的轴长
max:轴长最大值
min:轴长最小值
XYPoint
XYPoint用于设置图表的点
示例
import QtQuick 2.12
import QtQuick.Window 2.12
import QtCharts 2.14
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
ChartView{
id:cp
x: 130
y: 40
width:400
height: 400
ValueAxis{
id:axisx
max:50;
min:0;
}
ValueAxis{
id:axisy
max:50;
min:0;
}
SplineSeries{
id:sp
color: Qt.rgba(255,0,0,1)
name:"CPU"
axisX: axisx
axisY: axisy
XYPoint{x:0;y:0}
XYPoint{x:10;y:20}
XYPoint{x:15;y:30}
XYPoint{x:20;y:10}
XYPoint{x:25;y:25}
XYPoint{x:30;y:15}
XYPoint{x:35;y:10}
}
}
}