tohrul
Posts: 2
Joined: Mon Nov 19, 2018 2:10 pm

How to add custom multiple select to highcharts legend?

I have a chart like this - https://www.highcharts.com/demo/column-basic, where I have 29 series in a legend field. And I want to make it look better, so my question is: how to add custom multiple select (http://alxlit.name/bootstrap-chosen/ see "Multiple Select") instead of selection which is provided by highcharts?
bastss
Site Admin
Posts: 1208
Joined: Wed Oct 17, 2018 10:59 am

Re: How to add custom multiple select to highcharts legend?

Hi tohrul,

Yes, it is possible. You have to set enabled legend property to false, add html select list and write your own function to switch between series. Check this example: https://jsfiddle.net/Bastss/daL7nzjr/ . Also, check this Highcharts solution to customize legend when the chart has a lot of series: http://jsfiddle.net/gh/get/library/pure ... avigation/

Best regards!
Sebastian Wędzel,
Highcharts Developer
tohrul
Posts: 2
Joined: Mon Nov 19, 2018 2:10 pm

Re: How to add custom multiple select to highcharts legend?

This is what I've been looking for! Thank you very much!

Return to “Highcharts Usage”