Highcharts Demo

author(s): Torstein Hønsi

by Rambabu Pudi

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Select Point</button>

JavaScript

var chart = Highcharts.chart('container', {
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', ]
    },
    plotOptions: {
    },
    series: [{
    		name:"one",
        type:"column",
        data: [100, 110, 120, 130, 140, 150, 160]
    },{
    		name:"two",
    		type:"column",
        data: [160,150,140,130,120,110,100]
    }]
});


// the button action
var index = 0;
$('#button').click(function () {
	index == 7 && ( index = 0)
    selectedPoint = chart.series[0].data[index++];
     selectedPoint && selectedPoint.select();
		 selectedPoint && chartData.tooltip.refresh(selectedPoint);
});