qml 显示两个 chartview，对不同的 chartview 进行数据替换

可以通过绑定不同的数据模型来实现对不同的 ChartView 进行数据替换。具体步骤如下：

1. 在 QML 中定义两个 ChartView，分别绑定不同的数据模型。

ChartView {
    id: chartView1
    width: 400
    height: 400
    theme: ChartView.ChartThemeDark
    title: "Chart View 1"

    LineSeries {
        name: "Series 1"
        XYPoint { x: 0; y: 2.1 }
        XYPoint { x: 1.1; y: 2.5 }
        XYPoint { x: 2.1; y: 3.3 }
        XYPoint { x: 3.2; y: 4.0 }
        XYPoint { x: 4.5; y: 4.8 }
    }
}

ChartView {
    id: chartView2
    width: 400
    height: 400
    theme: ChartView.ChartThemeLight
    title: "Chart View 2"

    LineSeries {
        name: "Series 2"
        XYPoint { x: 0; y: 1.1 }
        XYPoint { x: 1.1; y: 1.5 }
        XYPoint { x: 2.1; y: 2.3 }
        XYPoint { x: 3.2; y: 3.0 }
        XYPoint { x: 4.5; y: 3.8 }
    }
}

2. 在需要替换数据的位置，通过 JavaScript 代码动态修改数据模型。

function replaceChartData() {
    chartView1.series[0].clear();

    chartView1.series[0].append(1.1, 2.5);
    chartView1.series[0].append(2.1, 3.3);
    chartView1.series[0].append(3.2, 4.0);
}

// 调用函数替换 chartView1 的数据
replaceChartData();

3. 重复步骤2，将 JavaScript 代码修改成针对 chartView2 的数据替换。

function replaceChartData() {
    chartView2.series[0].clear();

    chartView2.series[0].append(1.1, 1.5);
    chartView2.series[0].append(2.1, 2.3);
    chartView2.series[0].append(3.2, 3.0);
}

// 调用函数替换 chartView2 的数据
replaceChartData();

这样就可以实现对不同的 ChartView 进行数据替换了。