chartJS折线图未绘制小于minY的值

问题描述 投票:0回答:1

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

这里是codepen:https://codepen.io/bhupendra1011/pen/gObEpJQ,在这里我将最小Y值设置如下:

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

                },
            gridLines: {
                display:false
            }   
        }]

但是如果小于minY的值是不可能的,那么绘制的值是不可能的,如果我删除minY option,则所有折线图都是可见的,但是在我的情况下,我希望图形具有一些初始值。

我也尝试使用下面的代码代替设置minY:

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

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

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

谢谢

javascript chart.js chart.js2 chartjs-2.6.0
1个回答
0
投票

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

Array.min = function( array ){
    return Math.min.apply( Math, array );
};
© www.soinside.com 2019 - 2024. All rights reserved.