Highcharts如何实现次Y轴对应图例默认禁用、点击后可开启

解决方法 #

你只需要在Rainfall对应的系列配置中添加visible: false属性即可实现需求，修改后的对应代码如下：

series: [{
    name: 'Rainfall',
    type: 'column',
    yAxis: 1,
    visible: false, // 新增这行配置
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    tooltip: {
        valueSuffix: ' mm'
    }
}]

该配置会让Rainfall系列默认处于隐藏状态，对应图例默认置灰，用户点击图例即可启用该系列，次Y轴的相关配置也会同步生效，完全符合预期效果。

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