图表JS折线图不绘制小于minY的值



>我在使用 chart-js lib 绘制折线图时遇到问题。

这是代码笔:https://codepen.io/bhupendra1011/pen/gObEpJQ,我在其中设置最小 Y 值,如下所示:

yAxes: [{
ticks: {
min: minY,          
maxTicksLimit:5

},
gridLines: {
display:false
}   
}]

但是,如果小于minY的值,则无法绘制值,如果我删除minY选项,则所有折线图都是可见的,但是在我的场景中,我希望图形具有一些初始值。

我还尝试使用以下代码而不是设置 minY:

afterBuildTicks: function(scale, ticks) {
return [minY].concat(ticks.filter(tick => tick >= minY));
}

虽然所有绘制的线都是可见的,但图形的初始位置在选择不同的系列选项时会发生变化。这是相同的代码笔:https://codepen.io/bhupendra1011/pen/bGNJNBw

我希望图表从某个初始值开始,小于初始值的值也应该绘制并在更新图表时,图形的初始位置不应改变。

谢谢

将minY 设置为数据数组中的最小元素:

Array.min = function( array ){
return Math.min.apply( Math, array );
};

相关内容

  • 没有找到相关文章

最新更新