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}

        }

    }

}

显示