Question

188

Clickable Bars in js Highcharts?

rated 0 times [ 193] [ 5] / answers: 1 / hits: 45753 / 12 Years ago, wed, may 16, 2012, 12:00:00

I have horizontal bar chart with Highcharts. How can I make each bar clickable for an event, for example like 'alert' ?

I have this series for example:

series : [{

    name: 'John',

    data: [5, 3, 4, 7, 2]

}, {

    name: 'Jane',

    data: [2, 2, 3, 2, 1]

}, {

    name: 'Joe',

    data: [3, 4, 4, 2, 5]

}];

What more should I do?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

terrellhunterm

Add To Favorites

Follow

Total Points: 82

Total Questions: 109

Total Answers: 98

Location: Vietnam

Member since Sun, Oct 18, 2020

4 Years ago

answered 12 Years ago cherish · Accepted Answer

You might find the Highcharts Options Reference a good starting point.

From the reference, here's an example of a column chart
where clicking a column fires an alert.

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click-column/