ChartView没有显示BarSets数据

Posted 2021-04-11

在qml中，我创建了一个ChartView：

ChartView {
        id : mChart
        title: "Bash History Graph"
        anchors.fill: parent
        legend.alignment: Qt.AlignBottom
        antialiasing: true
        animationOptions: ChartView.SeriesAnimations
}

并在Component.onCompleted信号：

Component.onCompleted: {
            var mHorSeries = Qt.createQmlObject('import QtCharts 2.2; HorizontalBarSeries {}', mChart);
            var categoryAxisY=Qt.createQmlObject('import QtCharts 2.2;BarCategoryAxis {}',mChart);
            var mBarSet = Qt.createQmlObject('import QtCharts 2.2; BarSet{}',mHorSeries);

            categoryAxisY.categories = ["2007", "2008", "2009", "2010"];
            mHorSeries.append("commands", [2, 2, 3, 4, 5, 6]);
            mChart.setAxisY(categoryAxisY, mHorSeries);
}

这是输出。

有什么想法解决这个问题吗？谢谢。

答案

创建系列的一个简单选项是使用createSeries()，然后我们添加axisY和其他属性：

ChartView {
    id : mChart
    title: "Bash History Graph"
    anchors.fill: parent
    antialiasing: true
    animationOptions: ChartView.SeriesAnimations
    legend.alignment: Qt.AlignBottom

    Component.onCompleted: {
        var mHorSeries = mChart.createSeries(ChartView.SeriesTypeHorizontalBar)

        var categoryAxisY=Qt.createQmlObject('import QtCharts 2.2;BarCategoryAxis {}',mChart);
        mHorSeries.axisY = categoryAxisY

        categoryAxisY.categories = ["2007", "2008", "2009", "2010", "2011", "2012" ]

        var mBarSet = mHorSeries.append("commands", [2, 2, 3, 4, 5, 6])

        mChart.axisX(mHorSeries).min= 0 //Math.min.apply(null, mBarSet.values)
        mChart.axisX(mHorSeries).max= 10 //Math.max.apply(null, mBarSet.values)
    }
}