HighCharts : Adding Hyperlinks to the X-Axis of the chart

learner picture learner · Dec 8, 2012 · Viewed 8.7k times · Source

I have been using HighCharts in my PHP website by migrating it from older charts and I am very impressed by the number of graph options and functions with this library.

However I am not able provide hyperlinks to the values of the x-axis(or y-axis) in order to navigate to another URI.

Code of Categories in this case

xAxis: {
    categories: [
        'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    ]
},

Can anyone point me to an example or documentation on Highcharts if available.

Thanks

EDIT: ANSWER

Here is the jsfiddle for linked category names: http://jsfiddle.net/a5Bdt/

Answer

NT3RP picture NT3RP · Dec 8, 2012

It's been a while since I've done work in highcharts, but I believe you just need to provide a formatter function. For example:

xAxis: {
    categories: [
        'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    ],
    labels: {
        formatter: function () {
            return '<a>' + this.value + '</a>'
        },
        useHTML: true
    }
},