单击图例时删除 Highcharts 图表 Y 轴标签答案

【问题标题】：Remove Highcharts chart Y axis labels when legend clicked单击图例时删除 Highcharts 图表 Y 轴标签
【发布时间】：2020-11-06 17:36:19
【问题描述】：

我正在处理 Highcharts 示例（或使用多个 Y 轴的任何其他示例）并添加多个 y 轴。问题是当我单击图例以禁用/删除图表中的数据时，尽管轴信息已删除，但标题仍然出现。有人知道如何禁用它吗？

fiddle

  var options = {
    chart: {
    type: 'line'
  },
  yAxis: [{},{}],
  series: [{
    yAxis: 0,
    data: [1, 2, 3, 4]
  }, {
    yAxis: 0,
    data: [4, 3, 2, 1]
  }, {
    yAxis: 0,
    data: [6, 6, 6, 6]
  }, {
    yAxis: 1,
    data: [245, 523, 674, 734]
  }, {
    yAxis: 1,
    data: [200, 300, 400, 500]
  }]
}

var chart = Highcharts.chart('container',options);

【问题讨论】：

标签： javascript graph highcharts

【解决方案1】：

您需要禁用showEmpty 属性：

    yAxis: [{
        showEmpty: false
    }, {
        showEmpty: false
    }]

现场演示： https://jsfiddle.net/BlackLabel/2zk78mnu/

API 参考： https://api.highcharts.com/highcharts/yAxis.showEmpty

【讨论】：