Echarts在线免费图表

 
            option = {
   backgroundColor: '#081736',
    tooltip: {},
    grid: {
        left: '5%',
        right: '6%',
        bottom: '15%',
        top: '28%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: ['城东社区','东环社区','大东关社区','小东关社区','谢家井社区','博雅社区','五郎庙村','湑水村','石家庄村','马家店村','黄家村','曹家村','吕家村','大草坝村','庙坡村','廉家庄村','莲花池村','小西关村','杜家漕村','栗子园村','翟家寺村'],

        axisLine: {
            show: true,
            lineStyle: {
                color: '#05598F',
                // width: 1
            },
        },
        axisLabel: {
            interval: 0,
            rotate: 50,
            textStyle: {
                color: '#fff',
                fontSize: 12
            },
        },
        axisTick: {
            show: false,
        },
    },
    yAxis: {
        type: 'value',
        // min: 0,
        // max: 140,
        splitLine: { //分割线配置
            lineStyle: {
                color: "#05598F",
            }
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#758FA6'
            }
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            textStyle: {
                color: '#fff',
                fontSize: 16
            },
        },
    },
    series: [{
        barWidth: 14,
        data: ['0','4','10','2','0','3','1','1','3','2','0','3','1','1','2','2','2','6','5','3','2'],
        type: 'bar',
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(0,244,255,1)' // 0% 处的颜色
                }, {
                    offset: 1,
                    color: 'rgba(0,77,167,1)' // 100% 处的颜色
                }], false),
                barBorderRadius: [30, 30, 30, 30],
                shadowColor: 'rgba(0,160,221,1)',
                shadowBlur: 4,
            }
        },
    }]
};