Red background on negative values - highcharts

Question

I'm trying to accomplish what is displayed here
http://jsfiddle.net/r7UsK/
Basically I want a red background below the 0 mark to make the negative values stand out better.
This is my current version
http://jsfiddle.net/7rpMt/
What am I doing wrong?
JS Code
chartItems = new Array();
chartItems.push(["Civilian Afterburner","2013-05-20 07:05:03","5841223.56"]);
chartItems.push(["Civilian Afterburner","2013-05-20 22:00:59","5841321.12"]);
chartItems.push(["Civilian Afterburner","2013-05-21 22:00:31","5841289.08"]);
chartItems.push(["Civilian Afterburner","2013-05-22 22:01:08","5841566.46"]);
<Data Sniped>
sorted = {};
$.each(chartItems, function(){
if(sorted[this[0]] == undefined) sorted[this[0]] = new Array();
sorted[this[0]].push([Date.parse(this[1]), parseFloat(this[2])]);
})
series = []
$.each(sorted, function(i){
series.push({
type: 'spline',
name: i,
data: this,
marker: {
radius: 4
}
})
})
$('#container').highcharts({
chart: {
},
title: {
text: ''
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
month: '%b %e',
year: '%b'
}
},
yAxis: {
title: {
text: 'Profit/Min'
},
plotBands: [{
from: -1000,
to: 0,
color: 'rgba(255, 0, 0, 0.5)'
}]
},
series: series
});

Answer 1

Your min y-value is way less than -1000. Add 4 more zero's.
plotBands: [{
from: -10000000,
to: 0,
color: 'rgba(255, 0, 0, 0.5)'
}]
http://jsfiddle.net/7rpMt/1/