【问题标题】:How to animate a bar chart in chartist on creation如何在 Chartist 中创建条形图的动画
【发布时间】:2018-01-17 19:12:59
【问题描述】:

我正在使用 chartist.js 创建并显示一个简单的条形图。 我无法理解动画功能以及如何使用它,我正在为图表创建上的条形寻找一个简单的上升动画。 我从另一个问题中找到了这个example,我希望将我的条形图制作成与示例中的条形图相同的动画

【问题讨论】:

    标签: javascript animation charts chartist.js


    【解决方案1】:

    在官方chartist.js中搜索更多示例并使用firefox调试器测试图表绘制事件后,我得出了以下解决方案:

    chart.on('draw', function(data) {
        if(data.type == 'bar') {
            data.element.animate({
                y2: {
                    dur: '0.2s',
                    from: data.y1,
                    to: data.y2
                }
            });
        }
    });
    

    【讨论】:

    • 嘿,您的图表是否在任何事件点击或窗口调整大小时重绘?
    猜你喜欢
    • 2016-12-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-30
    • 1970-01-01
    • 2014-03-25
    相关资源
    最近更新 更多