CODEWITHSUNDEEP
javascripthighcharts
void
void

Reputation: 36703

linkedTo with multiple ID in highcharts

So I have a 3x3 matrix of data series which I am plotting via Highcharts

        Cat1   |    Cat2     |   Cat3

 Type1  [...]      [...]         [...]

 Type2  [...]      [...]         [...]

 Type3  [...]      [...]         [...]

So I am plotting 9 seires [...] and I want to have 6 legends in my highchart i.e. (Cat1, Cat2, Cat3, Type1, Type2, Type3).

Clicking on Cat1 Will hide all the series in the column Cat1 and clicking on Type1 will hide all the series in the row Type1.

Right now I am able to have this functionality with 3 legends either (Cat1, Cat2, Cat3) or (Type1, Type2, Type3) by using linkedTo and id, but how can I have all the six legends with this functionality?

Upvotes: 2

Views: 954

Answers (1)

jlbriggs
jlbriggs

Reputation: 17791

The first thing that comes to mind for me on how to accomplish this is related to this question:

Which lead to this solution:

It uses check boxes to show/hide categories, rather than the legend. It could probably be adapted to work with a set of dummy series, and the legendItemClick event rather than check boxes.

I made a modified version here to work with having categories on both the x and y axes, which may suit your needs:

Output example:

screenshot

Upvotes: 1

Related Questions