CODEWITHSUNDEEP
highcharts
Andy897
Andy897

Reputation: 7133

Highcharts: Fade other columns when mouse over one column

In a column chart, I want to face other columns on mouse overing on one column.

Another advanced version of this that I am trying to achieve is in case of stacked column chart. Fade everything apart from the stack on which mouse is over.

Upvotes: 0

Views: 538

Answers (1)

ZekeDroid
ZekeDroid

Reputation: 7209

You're not supplying code to begin with so I'll try to be as specific as possible in my solution. You want to start by creating a mouseOver event which is triggered when you hover over any of your columns. This event will identify the column being hovered. You then trigger a function which 'fades' all series EXCEPT the hovered one. The fading can be done by grabbing the original colors of the columns and increasing the brightness. Then on loss of hovering, return to the original brightness.

If you provide us with a fiddle, we will be able to give you a more specific response but please attempt the task yourself.

Upvotes: 1

Related Questions