Question

我有一个像this这样的图表，在图例字段中有29个系列。我想使其看起来更好，所以我的问题是：如何添加自定义multiple select而不是highcharts提供的选择？

Answer 1

是的，有可能。您必须将启用的图例属性设置为false，添加html选择列表并编写自己的函数以在系列之间进行切换。

      function chose() {
      let selected = mySelect.options[mySelect.selectedIndex].text;
      chart.series.forEach((series) => {
        if (selected === series.name) {
          if (series.visible) {
            series.hide();
          } else {
            series.show()
          }
        }
      })
    }

btn.addEventListener('click', () => {
  chose()
})

检查以下示例：https://jsfiddle.net/Bastss/daL7nzjr/。另外，当图表具有许多系列时，请检查此Highcharts解决方案以自定义图例：http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/legend/navigation/

最诚挚的问候！

如何将自定义多项选择添加到highcharts图例？

1 个答案: