CHART - Clickable Bars - Basic Line

Single series line chart with detailed options properties.

by bizamajig

HTML

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

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column',
        borderWidth:1,
        borderColor:'#ccc',
        marginLeft:110,
        marginRight:50,
        backgroundColor:'#eee',
        plotBackgroundColor:'#fff',
    },
    title:{
        text:'Chart Title'
    },
    legend:{
                                     
    },
    plotOptions: {
        series: {
            shadow:false,
            cursor:'pointer',
            point: {
                events: {
                    click: function() {
                        //location.href = this.options.url;
                        window.open(this.options.url);
                    }
                }
            }
        }
    },
    xAxis:{
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickLength:3,
        title:{
            text:'X Axis Title'
        }
    },
    yAxis:{
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickWidth:1,
        tickLength:3,
        gridLineColor:'#ddd',
        title:{
            text:'Y Axis Title',
            rotation:0,
            margin:50,
        }
    },
    series: [{
        data: [{y:1,url:'http://www.yahoo.com'},{y:3,url:'http://www.yahoo.com'},{y:2,url:'http://www.google.com'},{y:4,url:'http://www.google.com'},{y:5,url:'http://www.google.com'}],
    }]
});