如何将自定义多重选择添加到highcharts图例?

如何将自定义多重选择添加到highcharts图例?,highcharts,legend,Highcharts,Legend,我有一个图表,在图例字段中有29个系列。我想让它看起来更好,所以我的问题是:如何添加自定义而不是highcharts提供的选择?是的,这是可能的。您必须将enabled legend属性设置为false,添加html选择列表,并编写自己的函数在系列之间切换 function chose() { let selected = mySelect.options[mySelect.selectedIndex].text; chart.series.forEach((

我有一个图表,在图例字段中有29个系列。我想让它看起来更好,所以我的问题是:如何添加自定义而不是highcharts提供的选择?

是的,这是可能的。您必须将enabled legend属性设置为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()
})
检查此示例:。此外,当图表有很多系列时,请检查此Highcharts解决方案以自定义图例:


致以最良好的祝愿

@ewolden仍然,我需要一个答案。@ewolden我希望它看起来像,我的图表配置与之类似。