ElementStacks

by scheffield

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

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

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    
    xAxis: {
        categories: ['Foo', 'Bar', 'Foobar']
    },
    
    series: [{
        data: [29.9, 71.5, 106.4]        
    }]
});
$('.highcharts-axis tspan').each(function(){
    var label = $(this),
        value = label.text();
    if(categoryLinks[value]) {
        label.click(function(){
            // you' free to what you want...
            alert('could link to another page: ' + categoryLinks[value]);
        });
    }
});