Custom background for area's chart

Question

I'm trying to create a chart with echarts.apache which resembles the chart below...also if any other charting library makes this easier then please shout!

The chart needs to have Coloured areas which highlight the data, for ex :

• xAxis (start: 0, end: 4) and yAxis (start: 0, end: 6) => Green background

• xAxis (start: 0, end: 4) and yAxis (start: 0, end: -6) => Blue background

• xAxis (start: 0, end: -4) and yAxis (start: 0, end: 6) => Red background

• xAxis (start: 0, end: -4) and yAxis (start: 0, end: -6) => Orange background

I'm at a slight loss on how to do this natively by extending echarts.apache so any help would be appreciated for custom chart examples or an idea of how to execute this.

I can only get the background of the full chart example