如何设置CanvasJS图表Y轴的最小值和最大值？

我尝试为以下CanvasJS图表设置Y轴的最小值与最大值，但官网提供的设置方法无法生效，相关代码如下：

new CanvasJS.Chart(this.chartDivId, {
            zoomEnabled: true,                          //客户端交互：设为false可提升性能
            animationEnabled: true,                     //图表动画：设为false可提升性能
            title: {
                text: "",                            //无标题
                fontColor: "rgba(102, 102, 102)",
                fontFamily: "Arial"
            },
            backgroundColor: "rgba(9, 9, 9)",           //自定义黑色
            axisX: {
                labelFontColor: "rgba(102, 102, 102)",  //自定义灰色
                labelFontSize: 12                       //字体大小
            },
            axisY: {
                labelFontColor: "rgba(102, 102, 102)",  //自定义灰色
                labelFontSize: 12                       //字体大小
            },
            data: [
                {
                    type: "line",                       //折线图
                    lineColor: "rgba(102, 102, 102)",   //线条颜色
                    markerType: "none",                 //无数据标记点，设为Circle可显示标记
                    dataPoints: []                      //图表数据点
                }
            ]
        })

修复方案 #

直接在axisY配置项中添加minimum和maximum属性即可，注意属性值必须为数字类型。另外要注意：如果dataPoints是空数组，图表可能会忽略手动设置的范围——因为没有数据作为参考基准。

修改后的axisY配置示例：

axisY: {
    labelFontColor: "rgba(102, 102, 102)",
    labelFontSize: 12,
    minimum: 0,    // 自定义Y轴最小值
    maximum: 100   // 自定义Y轴最大值
}

额外排查点 #

• 如果开启了zoomEnabled，检查是否有动态数据加载等逻辑覆盖了手动设置的范围
• 若dataPoints为空，建议添加至少一个初始数据点，或者在数据加载完成后再调用chart.render()更新图表
• 若需要锁定缩放后的视图范围，可以搭配使用viewportMinimum和viewportMaximum，但固定基础范围优先用minimum和maximum

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