var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container_association',
type: 'spline',
zoomType: 'xy'
},
title: {
text: 'Evolution of used space for {{group}} in {{site}}'
},
credits: {
enabled:true,
text: 'Victor site cleaning, {{today}}',
position:{align:"right",x:-10,verticalAlign:"bottom",y:-5},
style:{cursor:"pointer",color:"#909090",fontSize:"10px"}
},
xAxis: {
type: 'datetime',
maxZoom: 3600000, // 1 hour
/*dateTimeLabelFormats: {
month: '%e. %b',
year: '%b'
}*/
},
yAxis: {
title: {
text: 'TeraBytes'
},
min: 0
},
tooltip: {
formatter: function() {
return ''+ Highcharts.dateFormat('%B %e %Y', this.x) +'
'+this.series.name +': '+ this.y +'TB';
}
},
plotOptions: {
spline: {
lineWidth: 4,
states: {
hover: {
lineWidth: 5
}
},
marker: {
enabled: false,
states: {
hover: {
enabled: true,
symbol: 'circle',
radius: 5,
lineWidth: 1
}
}
}
}
},
series: [{name: 'Used', data: {{data_used}} },
{name: 'Total', data: {{data_total}} }
]
});
});