Javascript 更改为“最大Y轴”标签值后,更新后ChartJS无法呈现笛卡尔图表中的一条线

Javascript 更改为“最大Y轴”标签值后,更新后ChartJS无法呈现笛卡尔图表中的一条线,javascript,chart.js,Javascript,Chart.js,我在为ChartJS创建手动Y轴限制选择器时遇到了一个问题,在Firefox中,我可以将所述更改应用于图表的选项,进行更新,并相应地裁剪图表,没有问题: 如所附图像中所示,当Y轴边界设置为0到20之间时,行为按预期工作。然而,在Google Chrome中,对于同一个图形,第二条线变得不可见,但我仍然可以将鼠标悬停在其中的点上,并与“幽灵线”交互: 蓝线的数据更加一致,图中的值在0到2 mA之间变化。绿色图形的值在0和5e+34 mA之间变化。但这并不意味着这应该是一个问题,因为它在Fire

我在为ChartJS创建手动Y轴限制选择器时遇到了一个问题,在Firefox中,我可以将所述更改应用于图表的选项,进行更新,并相应地裁剪图表,没有问题:

如所附图像中所示,当Y轴边界设置为0到20之间时,行为按预期工作。然而,在Google Chrome中,对于同一个图形,第二条线变得不可见,但我仍然可以将鼠标悬停在其中的点上,并与“幽灵线”交互:

蓝线的数据更加一致,图中的值在0到2 mA之间变化。绿色图形的值在0和5e+34 mA之间变化。但这并不意味着这应该是一个问题,因为它在Firefox中运行良好,而且在Chrome中仍然“有点像”

以下是我如何应用最小/最大更改:

if(chart.options.scales.yAxes.length <= 1)
        return;

    for(let i=1; i < chart.options.scales.yAxes.length; i++){
        if(chart.options.scales.yAxes[i].id == axisId){
            var limit = parseFloat(limitInput.value);
            if($(limitInput).attr("placeholder") === "Max"){
                if(!isNaN(limit)){
                    chart.options.scales.yAxes[i].ticks.max =  limit;
                } else {
                    delete chart.options.scales.yAxes[i].ticks.max;
                }
            } else {
                if(!isNaN(limit)) {
                    chart.options.scales.yAxes[i].ticks.min =  limit;
                } else { 
                    delete chart.options.scales.yAxes[i].ticks.min;
                }
            }
        }
    }
    chart.update();

if(chart.options.scales.yAxes.length这是Chrome渲染方式和像素超出边界的问题,如本文所示。如果不更改ChartJS代码,就无法正确解决此问题