横向渐变柱状图echarts 柱状配置项内容和展示

      var barColor = [];
var emColor = [];
var color0 = ["#089280", "#af540b", "#17559e"];
var color10 = ['#12ffd0', '#ffcc00', '#0cb0ed'];
if (navigator.userAgent.indexOf("MSIE 8.0") > 0) {
    for (var i = 0; i < color0.length; i++) {
        barColor[i] = {
            color: color0[i],
        }
        emColor[i] = {
            color: color10[i]
        }
    }
} else {
    for (var j = 0; j < color0.length; j++) {
        barColor[j] = {
            color: {
                colorStops: [{
                    offset: 0,
                    color: color0[j] // 0% 处的颜色
                }, {
                    offset: 1,
                    color: color10[j] // 100% 处的颜色
                }]
            }
        }
        emColor[j] = {
            color: {
                colorStops: [{
                    offset: 0,
                    color: color10[j] // 0% 处的颜色
                }, {
                    offset: 1,
                    color: color0[j] // 100% 处的颜色
                }]
            }
        }
    }
}
option = {
    backgroundColor:'#203958',
    tooltip: {
        axisPointer: {
            type: 'none'
        }
    },
    legend: {
        show: true,
        shadowColor: "#fff",
        shadowBlur: 5,
        shadowOffsetX: 5,
        data: ['切削时间', '加工时间', '节拍时间'],
        top: '5%',
        //			left: "8%",
        textStyle: {
            color: '#fff',
            fontSize: 14
            //				padding: [3, 5, 5, 2]
        },
        //			itemWidth: 64,
        itemHeight: 3
    },
    grid: {
        top: '30%',
        left: '7%',
        right: '8%',
        bottom: '10%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        boundaryGap: [0, 0.01],
        axisLabel: {
            color: "#2d67a7"
        },
        axisLine: {
            show: false
        },
        splitLine: {
            lineStyle: {
                color: "#2d67a7"
            }
        },
        axisTick: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: [''],
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        }
    },
    series: [{
            name: '切削时间',
            type: 'bar',
            data: [30],
            itemStyle: {
                normal: barColor[0],
                emphasis: emColor[0]
            },
            barGap: '40%',
            barWidth: "16%"
        },
        {
            name: '加工时间',
            type: 'bar',
            data: [50],
            itemStyle: {
                normal: barColor[1],
                emphasis: emColor[1]
            },
            barGap: '40%',
            barWidth: "16%"
        },
        {
            name: '节拍时间',
            type: 'bar',
            data: [40],
            itemStyle: {
                normal: barColor[2],
                emphasis: emColor[2]
            },
            barGap: '40%',
            barWidth: "16%"
        }
    ]
};