Echarts在线免费图表

 
            /**
 * @参考图表  https://www.isqqw.com/viewer?id=38100
 */
option = {
    backgroundColor: '#010E3A',
    xAxis: {
        show: true,
        splitLine: {
            show: false
        },
        axisLabel: {
            show: false,
            color: '#fff',
            fontSize: '24'
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: false
        },
        data: ['1', '2', '3', '4', '5',]
    },
    series: [
        {
            name: 'leftA',
            type: 'bar',
            barWidth: 20,
            itemStyle: {
                color: '#25D2F1'
            },
            data: [2200, 1820, 1910, 2340, 2900],
        },
        {
            name: 'rightA',
            tooltip: {
                show: false
            },
            type: 'bar',
            barWidth: 20,
            itemStyle: {
                color: '#2675B9'
            },
            data: [2200, 1820, 1910, 2340, 2900],
            barGap: 0
        },
        {
            name: 'topA',
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolRotate: 0,
            symbolSize: ['7', '40'],
            symbolOffset: ['40%', 0],
            symbolPosition: 'end',
            itemStyle: {
                color: '#25D2F1'
            },
            data: [2200, 1820, 1910, 2340, 2900],
            z: 3
        },
    ]
};