Highcharts Last Label
by dirtyd77
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height:400px;margin:1.5em 1em;"></div>
JavaScript
var myData = new Array(7,12,16,32,64);
var len = myData.length -1;
var lastPoint = myData[len];
var chart = new Highcharts.Chart({
chart: {
renderTo:'container',
marginRight:50,
events: {
load: function(){
var chart = this,
series = chart.series[0];
console.log(series);
setInterval(function(){
series.addPoint(Math.round(Math.random() * 50), true, series.data.length > 10);
}, 1000)
}
}
},
title:{
text:'Chart Title'
},
credits:{enabled:false},
legend:{
},
plotOptions: {
series: {
shadow:false,
borderWidth:0,
dataLabels:
{
align:'left',
x: 25,
y: 10,
}
}
},
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'
}, {
linkedTo: 0,
opposite: true,
tickPositioner: function(min,max){
var data = this.chart.yAxis[0].series[0].processedYData;
//last point
return [data[data.length-1]];
}
}],
series: [{
data: myData
}]
});