ApexChart.js如何隐藏指定系列的图例标签及圆形颜色图标

你当前用legend.formatter返回空字符串的方式，只能隐藏指定系列的图例标签，颜色图标还会保留。要彻底把整个图例项（标签+图标）都隐藏，且在chartOptions里实现，直接用legend.labels.filter方法就行，这个方法能直接控制图例项是否显示。

修改后的legend配置 #

legend: {
  show: true,
  labels: {
    filter: function(seriesName) {
      // 要隐藏的系列关键词
      const hiddenSeries = ['CI_70', 'CI_90'];
      // 如果系列名包含要隐藏的关键词，返回false不显示图例项
      for (let hidden of hiddenSeries) {
        if (seriesName.includes(hidden)) {
          return false;
        }
      }
      // 其他系列返回true，正常显示图例
      return true;
    }
  },
  onItemClick: {
    toggleDataSeries: true
  },
},

说明 #

这个filter函数会遍历每个系列的名称，只要名称里包含CI_70或CI_90，就返回false，对应的图例项（包括标签和颜色图标）就会被完全隐藏；其他系列返回true，图例正常显示。

替换你原来的formatter配置即可，不需要修改series里的属性，完全在chartOptions中实现需求。

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