Echarts在线免费图表

 
            option = {
    backgroundColor: 'transparent',
    tooltip: {
        trigger: "axis",
        axisPointer: {
            "type": "shadow"
        },
        textStyle: {
            color: "rgba(255, 255, 255, 1)",
        },
        backgroundColor: "rgba(0,0,0,0.8)",
        borderColor: "rgba(219, 230, 255, 0.8)",
        },
    grid: {
        left: '5%',
        right: '8%',
        bottom: '8%',
        top: '8%',
        containLabel: true,
    },
    xAxis: {
        type: 'value',
        //max: 500,
        show: false,
        // 不显示轴线
        axisLine: {
            show: false
        },
        // 不显示刻度线
        axisTick: {
            show: false,
        },
        splitLine: {// 网格线为虚线
            show: false,
        },
        // axisLabel:{
        //     formatter:'{value}%'
        // }
    },
    yAxis: {
        type: 'category',
        inverse: true,
        splitLine: {
            show: false,
        },
        axisTick: {
            show: false,
        },
        axisLine: {
            show: false,
        },
        axisLabel: {
            interval: 0,
            color: 'rgba(219, 230, 255, 0.8)',
            fontSize: 14,
            align: 'left',
            margin: 100,
        },
        data: ['氰化一车间', '氰三车间', '氰化二车间', '选矿车间', '氰三车间', '水处理车间'],
    },
    series: [
        {
            type: 'bar',
            barWidth: 20,
            zlevel: 2,
            barGap: '-180%',
            showBackground: true,
            backgroundStyle: {
			color: 'rgba(73, 93, 118, 0.20)',
			},
            itemStyle: {
                normal: {
                    borderRadius: [0, 0, 0, 0],
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 1,
                        y2: 1,
                        colorStops: [{
                            offset: 0, color: 'rgba(240, 244, 255, 0.35)'
                        }, {
                            offset: 1, color: 'rgba(219, 230, 255, 0.80)'
                        }]
                    }
                },
            },
            data: [460, 403, 355, 200, 130, 50,],
        },
    ],
};