ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height:300px;"></div>
JavaScript
var chart;
Highcharts.setOptions({
colors: ['#cccccc','#cccccc']
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'area',
marginTop:35,
marginRight:50,
marginLeft:110,
marginBottom:25,
backgroundColor:'#fff',
borderWidth:0,
borderColor:'#ddd',
plotBackgroundColor:'#fff',
plotBorderWidth:0,
plotBorderColor:'#eee',
},
credits:{
enabled:false
},
title: {
text: 'Days in Transit',
x: -20 //center
},
navigation:{
buttonOptions:{
backgroundColor:'rgba(255,255,255,.25)',
borderColor:'#ddd',
}
},
tooltip: {
borderWidth:1,
formatter: function() {
if(this.series.name == 'Max'){
var yValue = this.total;
}
else{
var yValue = this.y;
}
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ yValue +'days';
}
},
legend: {
layout:'vertical',
align:'right',
verticalAlign:'middle',
x:0,
y:0,
borderWidth:0,
},
plotOptions: {
series: {
shadow: false,
lineWidth:1,
marker: {
enabled: false,
symbol: 'circle',
radius: 1,
...