0

我对我的 Shield UI JavaScript 图表的介绍性动画有一些特殊需求。使用属性

 applyAnimation: {
     duration: 1000
 },

我需要能够为图表中的所有条形设置不同的延迟时间。例如，第一个条显示 1000 毫秒，第二个更快，依此类推。我查看了文档，找不到类似的东西。

4

1 回答 1

1

applyAnimation 属性可以以两种方式使用——应用于整个图表及其所有系列，或每个数据系列。在这方面，您可以通过指定不同的显示延迟时间来实现与所需行为类似的行为（当然，应该有多个数据系列）。为此，您可以使用如下代码：

    dataSeries: [
        {
            seriesType: 'bar',
            applyAnimation: {
                duration: 1000
            },
            data: [
                1, 3, 4, 5, 1, 3, 4, 5, 1, 3, 4, 5

            ]
        },
        {
            seriesType: 'bar',
            applyAnimation: {
                duration: 2000
            },
            data: [
                5, 1, 3, 4, 5, 1, 3, 4, 5, 1, 3, 4
            ]
        }
    ]

数据系列是该属性应用的最小范围。换句话说，例如，它不能应用于单个酒吧。

于 2014-02-07T14:52:26.000 回答