Highcharts Demo

author(s): Torstein Hønsi

by prathik

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

var categoryLinks = {
    'Foo': 'http://www.bing.com/search?q=foo',
    'Bar': 'http://www.bing.com/search?q=foo+bar',
    'Foobar': 'http://www.bing.com/serach?q=foobar'
};

Highcharts.chart('container', {

    title: {
        text: 'Click categories to search'
    },

    xAxis: {
        categories: ['Foo', 'Bar', 'Foobar'],

        labels: {
            formatter: function () {
                return '<a href="' + categoryLinks[this.value] + '">' +
                    this.value + '</a>';
            }
        }
    },

    yAxis: {
        labels: {
            formatter: function () {
                return '$' +  this.value;
            }
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4]
    }]
});