横线渐变柱状

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    backgroundColor: '#fff',
    color: [new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
        offset: 0,
        color: "#13ace8"
    }, {
        offset: 1,
        color: "#0167e8"
    }], false)],
    grid: {
        left: '8%',
        right: '10%',
        top: '12%',
        bottom: '18%',
        containLabel: true
    },
    tooltip: {
        show: "true",
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    yAxis: {
        data: ["关联API", "新增指数", "agent确认", "信息确认"],
        axisTick: {
            show: false
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#ccc',
            }
        },
        axisLabel: {
            show: true,
            color: "#ccc",
            fontSize: 18
        },


    },
    xAxis: [{
        axisTick: {
            show: false
        },
        type: 'value',
        axisLine: {
            show: false
        },
        axisLabel: {
            show: true,
            color: '#ccc'
        },
        splitLine: {
            show: true,
            lineStyle: {
                type: 'dashed'
            }
        }
    }],
    series: [{
        name: '违规',
        type: 'bar',
        barWidth: 15,
        label: {
            normal: {
                show: true,
                position: 'right',
                textStyle: {
                    color: "#ccc",
                    fontSize: 14
                }
            }
        },
        itemStyle: {
            normal: {
                barBorderRadius: [0, 5, 5, 0],
            }
        },
        data: [50, 60, 70, 80]
    }]
};