Chart.js 如何使用chartjs从左到右绘制线条动画的线条图?

Chart.js 如何使用chartjs从左到右绘制线条动画的线条图?,chart.js,Chart.js,我正在使用chartjs插件实现线图。我画的是直线图 装载时从下到上。我想从左到右动画线。如何更改?您可以扩展图表,并在初始化覆盖中覆盖动画的起始值,如下所示 Chart.types.Line.extend({ name: "LineAlt", initialize: function(data){ Chart.types.Line.prototype.initialize.apply(this, arguments); this.eachPoin

我正在使用chartjs插件实现线图。我画的是直线图
装载时从下到上。我想从左到右动画线。如何更改?

您可以扩展图表,并在初始化覆盖中覆盖动画的起始值,如下所示

Chart.types.Line.extend({
    name: "LineAlt",
    initialize: function(data){
        Chart.types.Line.prototype.initialize.apply(this, arguments);
        this.eachPoints(function(point, index){
            Chart.helpers.extend(point, {
                x: this.scale.calculateX(0),
                y: this.scale.calculateY(point.value)
            });
            point.save();
        }, this);       
    }
});
然后使用扩展图表,就像这样

...
new Chart(ctx).LineAlt(data);


小提琴-

非常感谢这真的帮了我的忙。现在,该线按预期从左向右绘制。