Echarts在线免费图表

 
            var myColor = ['#00a07e', '#ff6c6c', '#3c82d9', '#1089E7', '#F57474', '#56D0E3', '#F8B448', '#8B78F6'];
option = {
    //你的代码
    backgroundColor: '#081736',
    grid: {
        top: "20%",
        left: "5%",
        bottom: '10%',
        containLabel: true
    },
    xAxis: {
        show: true,
        axisLine: {
            lineStyle: {
                color: '#0a3e98',
            },
        },
        axisLabel: {
            textStyle: {
                color: "#fff"
            }
        },
        splitLine: {
            show: false
        },
    },
    yAxis: [{
        show: true,
        data: ['1年~3年', '4年~7年', '7年~9年', '10年以上'],
        inverse: true,
        axisLine: {
            show: false,
            lineStyle: {
                color: '#0a3e98',
            },
        },
        axisLabel: {
            textStyle: {
                color: "#fff"
            }
        },
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        }

    }],
    series: [{
        name: '条',
        type: 'bar',
        barCategoryGap: '0',
        //symbol: 'path://M188.312,57.923 c0.29,9.231,14.496,23.27,18.496,38.99 c0.29,15.718-7.203,2.753-18.488,38.982',
        data: [1020, 849, 1470, 510],
        barWidth: 20,
        itemStyle: {
            normal: {
                barBorderRadius: 4,
                borderColor: 'rgba(58, 212, 255, 1)',
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                    offset: 0,
                    color: "rgba(16, 136, 189, 0.17)"
                },
                {
                    offset: 1,
                    color: 'rgba(16, 136, 189, 0.1)',
                }
                ])
            },
        },
        label: {
            normal: {
                show: false,
                position: 'right',
                formatter: '{c}人',
                color: '#fff'
            }
        },
    }]
};