Echarts在线免费图表

 
            let Ydata = ['装备制造', '新能源汽车', '人工', '民用', '电路', '绿色', '医疗'];
let Xdata = [15, 19, 9, 12, 23, 35, 12]
option = {
    backgroundColor: '#333333',
    xAxis: {
        type: 'value',
        show: false,
    },
    yAxis: {
        type: 'category',
        inverse: true,
        axisLabel: {
            show: true,
            margin: 15,
            textStyle: {
                color: '#fff',
                fontSize: 19,
            },
            // 调整左侧文字的3个属性，缺一不可
            verticalAlign: 'bottom',
            align: 'top',
            //调整文字上右下左
            padding: [0, 0, 20, 15],
        },
        splitLine: {
            show: false,
        },
        axisTick: {
            show: false,
        },
        axisLine: {
            show: false,
        },
        data: Ydata,
    },
    series: [
        {
            type: 'bar',
            barWidth: 12,
            zlevel: 2,
            barGap: '-100%',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(180, 180, 180, 0.2)'
            },
            label: {
                show: true,
                position: [650, -35],
                fontSize: 14,
                color: "#fff",
                formatter: function (data) {
                    return '{a|' + data.value + '}'
                },
                rich: {
                    a: {
                        color: '#fff',
                        textBorderWidth: 1,
                        fontSize: 22,
                        align: 'right',
                        width: 100
                    }
                },
            },
            data: Xdata,
        }
    ],
};