ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px;width:600px;"></div>
JavaScript
var chart;
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
backgroundColor:'#fff',
borderWidth:1,
borderColor:'#ccc',
plotBackgroundColor:'#fff',
plotBorderWidth:0,
plotBorderColor:'#eee',
marginRight:50
},
credits:{
enabled:false
},
title: {
text: 'Control Chart with Nelson Test Indicators',
x: -20 //center
},
tooltip: {
borderWidth:1,
formatter: function() {
if(this.point.error){
var errorText = '<b>Flag: </b>' + this.point.error;
}
else{
var errorText = '';
}
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'days'+'<br/>'+
errorText;
}
},
legend: {
enabled:false
},
plotOptions:{
series: {
shadow: false,
lineWidth:1,
states: {
hover: {
enabled:true,
lineWidth:1
}
},
marker: {
enabled:true,
symbol:'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
},
}
},
xAxis: {
lineColor:'#ccc',
...