Chart.js 如何使用chartjs从左到右绘制线条动画的线条图?
我正在使用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
装载时从下到上。我想从左到右动画线。如何更改?您可以扩展图表,并在初始化覆盖中覆盖动画的起始值,如下所示
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);
小提琴-非常感谢这真的帮了我的忙。现在,该线按预期从左向右绘制。