Dygraph修改二维Y轴下限失效问题求助

核心问题1：输入值类型不匹配 #

$("#y-min-" + viewindex).val()返回的是字符串类型，但Dygraph的valueRange要求传入数字数组。字符串形式的最小值无法被Dygraph正确解析，导致Y轴下限设置失效；最大值看似正常，大概率是巧合触发了隐式类型转换，并非可靠逻辑。

核心问题2：逻辑错误覆盖真实轴范围 #

原代码先通过yAxisRange()获取Dygraph实际应用的轴范围，随后又用currentValueRange[0]覆盖了y_min，完全违背了注释中“获取实际设置值而非传入值”的设计意图，既导致控件显示与图表真实范围脱节，也干扰了后续的设置逻辑。

修复后的完整代码 #

$("#simpleGraphs,#detailedGraphs").on('change', '.yRange', function (event) {
    var viewindex = event.target.id.split("-")[2];
    // 将输入值转为数字类型，确保Dygraph能正确解析
    const yMin = parseFloat($("#y-min-" + viewindex).val());
    const yMax = parseFloat($("#y-max-" + viewindex).val());

    // 更新图表选项，传入正确类型的数值范围
    views[viewindex].dygraph.updateOptions({
        valueRange: [yMin, yMax],
    }, false);

    // 按注释意图，获取Dygraph实际生效的轴范围
    const actualYRange = views[viewindex].dygraph.yAxisRange(0);
    const actualYMin = actualYRange[0];
    const actualYMax = actualYRange[1];

    // 更新控件为图表真实生效的范围值
    $("#y-min-" + viewindex).val(actualYMin);
    $("#y-max-" + viewindex).val(actualYMax);
});

额外注意事项 #

• 禁止直接修改yAxisRange()返回的数组：该方法返回的是当前轴范围的副本，修改数组元素不会影响图表，必须通过updateOptions()完成设置。
• 强制更新的误区：updateOptions的第二个参数drawImmediately设为true仅触发立即重绘，若参数本身存在错误（如类型不符），重绘无法解决本质问题。
• 重置自动范围无需额外操作：直接传入正确的数字范围即可覆盖自动计算逻辑，无需先重置为null再设置。

内容的提问来源于stack exchange，提问作者keesh