ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
var data = [
['Jan', 4161],
['Feb', 870],
['Mar', 131],
['Apr', 74],
['May', 9],
['Jun', 3],
['Jul', 2]
];
for(i=0; i<data.length; i++)
{
if( data[i][1] < 20 )
{
data[i] = {
name: data[i][0],
value: data[i][1],
y: 40
}
}
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'pie'
},
plotOptions: {
series: {
allowPointSelect: false,
dataLabels: {
enabled: true
},
events: {
click: function(event) {
alert(event.point.x);
}
}
}
},
tooltip: {
formatter: function(){
return (typeof this.point.value === 'number') ? this.point.value : this.y ;
}
},
series: [{
data: data
}]
});
chart.series[0].data[6].dataLabel.on('click', function(e){
alert('clicked!')
})