前端折线图中背景_echart实现分区域填充不同颜色的折线图

闲来无事，帮朋友做了一个echart图表的效果，实现的是分区域填充不同颜色的折线图，就是数据中，0标线以上的是红色，0标线以下的是黄色。先上图：

再上代码：

function(ec) {

// 基于准备好的dom，初始化echarts图表

var myChart = ec.init(document.getElementById('demo'));

var shuzu = [-1, 0, 5, 8, 4, 1, 20];

var height = $("#demo").height();

option = {

tooltip: {

trigger: 'axis'

},

legend: {

data: ['邮件营销']

},

calculable: true,

xAxis: [{

type: 'category',

boundaryGap: false,

data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']

}],

yAxis: [{

type: 'value',

// splitNumber: 9

}],