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: {
            lineStyle: {
                color: '#0a3e98',
            },
        },
        axisLabel: {
            textStyle: {
                color: "#fff"
            }
        },
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        }

    }],
    series: [{
        name: '条',
        type: 'pictorialBar',
        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: {
                color: function (params) {
                    var num = myColor.length;
                    return myColor[params.dataIndex % num]
                },
            }
        },
        label: {
            normal: {
                show: true,
                position: 'right',
                formatter: '{c}人',
                color: '#fff'
            }
        },
    }]
};