如何制作单杠系列动画

问题描述 投票:0回答:1

我想问一下如何在 QML 中为单杠系列制作动画。

使用 PieSeries 它的工作原理如下:

PieSeries {
            id: _pieSeries

            PieSlice {
                id: _firstSlice
                labelVisible: true
                label: (LifeStyle.overallTension() * 100).toFixed(2) + "%"
                NumberAnimation on value {
                    duration: 500
                    from: 0
                    to:LifeStyle.overallTension()
                }

                labelPosition: PieSlice.LabelInsideHorizontal
                labelColor: "white"
                exploded: true
                explodeDistanceFactor: 0.05
            }

            PieSlice {
                id: _secondSlice
                labelVisible: false
                value: 1 - LifeStyle.overallTension()
            }
        }

但是当我尝试使用 HorizontalBarSeries 执行此操作时,它不起作用,也许问题出在值数组上,但我不确定。 代码如下:

ChartView {
        title: "Title of graphChart"
        anchors.fill: parent
        antialiasing: true
        legend.visible: false

        HorizontalBarSeries {
            id: _barSeries
            axisY: BarCategoryAxis {
                categories: ["Title1", "Title2", "Title3", "Title4", "Title5", "Title6", "Title7", "Title8"]
            }
            BarSet {
                id: barSet
                values: [0, 0, 0, 0, 0, 0, 0, 0]

                NumberAnimation on values {
                    to: [1, 2, 3, 4, 5, 6, 7, 8]
                    duration: 600
                    running: true
                }
            }
        }
    }

所以,我的问题是:如何为这些 BarSet 值设置动画

qt animation qml qchartview
1个回答
0
投票

这件事太简单了,我什至没有注意到。添加这一行:

animationOptions: ChartView.SeriesAnimations
图表视图有助于实现预期结果

© www.soinside.com 2019 - 2024. All rights reserved.