You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何隐藏Highcharts图表中的系列名称且保留图例显示?

解决Highcharts隐藏图表数据标签但保留图例的问题

嗨,这个需求其实很容易实现!你遇到的问题核心是区分**图例(Legend)数据标签(Data Labels)**的控制开关——Highcharts里这俩是完全独立的配置项,只要关掉图表上的数据标签,同时保持图例的默认开启状态就行。

具体解决方案分两种场景:

1. 全局关闭所有系列的图表数据标签

如果你的所有系列都需要隐藏图表上的名称/数值,直接在plotOptions里全局配置:

Highcharts.chart('high_charts_admin', {
  title: {
    text: 'Adset ID: '+results[1].data[0].adset_id,
  },
  // 关键配置:关闭所有系列的图表数据标签
  plotOptions: {
    series: {
      dataLabels: {
        enabled: false // 这个就是控制图表上是否显示数值/名称的开关
      }
    }
  },
  // 你的其他配置(subtitle、xAxis、series等)
  sub...
});

2. 单独关闭某个系列的图表数据标签

如果只有特定系列需要隐藏图表上的内容,在对应系列的配置里单独设置:

series: [{
  name: '总计', // 你要保留在图例里的名称
  data: [你的总计数值],
  dataLabels: {
    enabled: false // 仅关闭这个系列的图表数据标签
  },
  showInLegend: true // 明确开启图例显示(默认就是true,可省略)
}]

原理说明

  • 图例的显示由series.showInLegend控制,默认值是true,所以只要你不主动把它设为false,图例就会正常显示你设置的系列名称。
  • 图表上的名称/数值是数据标签,由dataLabels.enabled控制,把它设为false就会隐藏这些内容,完全不影响图例。

我之前做项目时也遇到过一模一样的需求,这个配置绝对管用~

内容的提问来源于stack exchange,提问作者Brad Goldsmith

火山引擎 最新活动