Set Categories HighCharts

by Gabriel Correa

HTML

<script type="text/javascript" src="https://raw.github.com/highslide-software/highcharts.com/v2.1.9/js/highcharts.src.js"></script>
<script type="text/javascript" src="https://raw.github.com/highslide-software/highcharts.com/v2.1.9/js/modules/exporting.src.js"></script>

<button id="setcat">1. Set categories</button>
<button id="export">2. Export</button>

<div id="container" style="height: 300px"></div>

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },

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

});

$('#setcat').click(function() {
    chart.xAxis[0].setCategories(['One', 'Two', 'Three']);
});

$('#export').click(function() {
    chart.exportChart();
});