动态添加Highcharts series时如何自定义对应yAxis的min和max值

解决方案 #

你在调用addAxis方法新建Y轴的时候，直接在配置对象里添加min和max参数即可，不需要额外关联series的逻辑，对应修改后的代码如下：

window["chart"].addAxis({
    id: 'Data',
    title: {
        text: 'Graph',
        enabled: true
    },
    lineWidth: 0,
    lineColor: '#000000',
    // 直接在此处指定固定的轴范围，替换为你需要的数值即可
    min: 0,
    max: 100
});
window["chart"].addSeries({
    data: groupingData,
    name: 'Graph',
    type: 'line',
    color: '#000000',
    yAxis: 'Data'
});

如果是要修改已经存在的Y轴的范围，可以用以下两种方法：

• 调用轴实例的update方法批量修改配置：

// 按id拿到对应Y轴实例，修改min和max
window["chart"].get('Data').update({
    min: 0,
    max: 100
});

• 调用轴实例的setExtremes方法直接设置范围：

// 参数依次为min、max，后面的可选参数可以控制是否开动画、是否重绘，默认都会执行
window["chart"].get('Data').setExtremes(0, 100);

如果你的两组数据需要对齐对比，直接把两个系列的yAxis参数都指定为同一个轴ID即可，两个系列会共用这个固定范围的Y轴，实现对齐对比的效果。

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