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