Question

151

Highcharts - making a point clickable?

rated 0 times [ 157] [ 6] / answers: 1 / hits: 14688 / 11 Years ago, tue, january 7, 2014, 12:00:00

I've searched and tested several solutions but it's really hard to find an answer to this seemingly easy problem:

I want to make points on this chart clickable (http://jsfiddle.net/a6yL8/)

        series: [{

            name: 'Tokyo',

            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],

            url: [http://test.com/, http://test2.com/]

So far, I've only managed to make the values on the x axis clickable ( by adding them as a simple html a href code )

But I am unable to make the points on the chart clickable?

It's an easy question but nowhere could I find an answer and the AJAX example by the highcharts creators seems to be bugged.

Could anyone please help me?

Answers

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

krystadesiraeo

Add To Favorites

Follow

Total Points: 493

Total Questions: 93

Total Answers: 100

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

answered 11 Years ago jackie · Accepted Answer

to make the points on the chart clickable set allowPointSelect as true

plotOptions:{

  series:{

    allowPointSelect: true

  }

}

now you handle the click event or selection event from the

plotOptions:{

  series:{

    point:{

      events:{

        select: function(e){

          //your logic here

        }

      }

    }

  }

}

I've updated your fiddle here http://jsfiddle.net/a6yL8/1/

API ref link : http://api.highcharts.com/highstock#plotOptions.series.point.events

I hope this will help you