Chart test
nope
by László Kovács
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 310px"></div>
JavaScript
$(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy',
marginBottom: 100,
plotBorderWidth: 1
},
title: {
text: 'Test Chart for DF Statistics'
},
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
// format: '{value} db',
style: {
color: Highcharts.getOptions().colors[2]
}
},
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[2]
}
},
opposite: true
}, { // Secondary yAxis
gridLineWidth: 0,
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
// format: '{value} db',
style: {
color: Highcharts.getOptions().colors[0]
}
}
}, { // Tertiary yAxis
gridLineWidth: 0,
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[1]
}
},
labels: {
// format: '{value} db',
style: {
color: Highcharts.getOptions().colors[1]
}
},
opposite: true,
floor: 0,
ceiling: 10,
}, { // Quaternary yAxis
gridLineWidth: 0,
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[3]
}
},
labels: {
...