Как добавить пользовательский множественный выбор в легенду Highcharts?

Question

У меня есть диаграмма типа это , где у меня есть 29 серий в поле легенды. И я хочу, чтобы это выглядело лучше, поэтому мой вопрос: как я могу добавить пользовательский множественный выбор вместо выбора, который обеспечивается старшими диаграммами?

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/

С уважением!