为我的Shield UI JavaScript图表数据点设置不同的显示时间

Question

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

 applyAnimation: {
     duration: 1000
 },

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

Answer 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
            ]
        }
    ]

数据系列是该物业应用的最小范围。换句话说，它不能应用于单个条形码。