如何在Highcharts堆叠图（StackedChart）中隐藏图例名称？

嗨，这个需求其实很好实现！要隐藏你标注的那个“HIBar”图例项，不用全局关闭整个图例，只需要在对应的数据系列配置里加一个属性就搞定了。

具体实现方法 #

找到你图表配置中对应HIBar的series项，给它加上showInLegend: false属性——这样这个系列就不会出现在图例里了，其他系列的图例依然能正常显示。

代码示例 #

Highcharts.chart('container', {
  title: {
    text: '你的堆叠图标题'
  },
  xAxis: {
    categories: ['分类1', '分类2', '分类3']
  },
  yAxis: {
    title: {
      text: '数值'
    },
    stackLabels: {
      enabled: true
    }
  },
  plotOptions: {
    bar: {
      stacking: 'normal',
      dataLabels: {
        enabled: true
      }
    }
  },
  series: [
    {
      name: '系列A',
      data: [5, 3, 4],
      stack: 'total'
    },
    {
      name: 'HIBar', // 目标系列
      data: [2, 2, 3],
      stack: 'total',
      showInLegend: false // 关键属性：隐藏该系列的图例
    },
    {
      name: '系列C',
      data: [3, 4, 4],
      stack: 'total'
    }
  ]
});

补充小技巧 #

如果之后需要动态切换这个图例的显示状态，还可以通过chart.series[index].update({showInLegend: true/false})来修改，灵活性拉满。

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