Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="height: 300px"></div><button id="b1"> Change ticks </button>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        tickInterval: 2,
        gridLineWidth: 1
    },
    
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});


$('#b1').click(function(){
    chart.xAxis[0].options.gridLineWidth = 10
    chart.xAxis.isDirty = true;
    //chart.showAxis = false;
    chart.redraw();
});