Javascript 如何在百度eChart上创建Ichimoku图表

我想在echarts上创建Ichimoku图表。
因此，我尝试开发一个echart，用一种颜色突出显示两个线形图之间的区域。

但是，
我真正想做的是把它分成两种颜色：
例如，当Data1的值高于Data2时为蓝色，当Data2的值高于Data1的值时为绿色

你能把你的智慧借给我吗

 
var data1 = [];
var data2 = [];
var dataCount = 30;
for (var i = 0; i < dataCount; i++) {
    var val = Math.random() * 1000;
    data1.push([
        echarts.number.round(i),
        echarts.number.round(Math.random() * 400)
    ]);
    data2.push([
        echarts.number.round(i),
        echarts.number.round(Math.random() * 300)
    ]);
}

function renderItem(params, api) {
    if (params.context.rendered) {
        return;
    }
    params.context.rendered = true;

    var points = [];
    for (var i = 0; i < data1.length; i++) {
        points.push(api.coord(data1[i]));
    }
    for (var j = 0; j < data2.length; j++) {
        points.push(api.coord(data2[data2.length - 1 - j]));
    }
    var color = api.visual('color');

    return {
        type: 'polyline',
        shape: {
            points: echarts.graphic.clipPointsByRect(points, {
                x: params.coordSys.x,
                y: params.coordSys.y,
                width: params.coordSys.width,
                height: params.coordSys.height
            })
        },
        style: api.style({
            fill: 'rgb(0, 255, 0)',
            opacity: 1,
            // stroke: echarts.color.lift(color)
        })
    };
}

option = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['bar', 'error']
    },
    dataZoom: [{
        type: 'slider',
        filterMode: 'none',
        height: 8,
        bottom: 20,
        borderColor: 'transparent',
        backgroundColor: '#e2e2e2',
        handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z', // jshint ignore:line
        handleSize: 20,
        handleStyle: {
            shadowBlur: 6,
            shadowOffsetX: 1,
            shadowOffsetY: 2,
            shadowColor: '#aaa'
        }
    }, {
        type: 'inside',
        filterMode: 'none'
    }],
    xAxis: {},
    yAxis: {},
    series: [{
        type: 'line',
        data: data1,
        symbol: 'none',
    }, {
        type: 'line',
        data: data2,
        symbol: 'none',
    }, {
        type: 'custom',
        renderItem: renderItem,
        z: -1,
        data: data1,
    }]
};

VarData1=[]；
VarData2=[]；
var数据计数=30；
对于（变量i=0；i