在 QML 中列出绘图

Question

我想在 QML 中绘制一个列表

import QtQuick 2.9
import QtQuick.Window 2.2
import QtCharts 2.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    var list1 = [1,2,3,4,5,6,7]
    var list2 = [11,12,13,14,15,16,17]
    ChartView {
        anchors.fill: parent
        legend.visible: false
        
        LineSeries {
           XYPoint { x:  list1 ; y: list2  }     **//This is not working!!!!**
        }
    }
}

我想将数据列表绘制成 QML 图表 List1和List2有2个数据列表，我想将所有数据绘制成线系列图

Answer 1

您可以使用 JavaScript 函数填充

LineSeries

。小例子：

ChartView {
    id: chart
    anchors.fill: parent
    
    property var list1: [1,2,3,4,5,6,7]
    property var list2: [11,12,13,14,15,16,17]
    
    Component.onCompleted: {
        for (let i = 0; i < list1.length; ++i) {
            line.append(list1[i], list2[i]);
        }
    }
    
    LineSeries {
        id: line
        
        axisX: ValueAxis {
            min: 0
            max: 7
        }
        
        axisY: ValueAxis {
            min: 0
            max: 17
        }
    }
}