echarts柱狀圖x軸坐標(biāo)值怎么改為圖片

用echarts柱狀圖坐標(biāo)值改為圖片，需求是這樣

我參考了
http://www.echartsjs.com/gall...
這個(gè)網(wǎng)址的案例之后效果是這樣

代碼部分：
var logoIcon = {

        'logo1': 'img/logo1.png',
        'logo2': 'img/logo2.png'
    };
    optionFour = {
        title: {
            x: 'center',
            text: '',
            textStyle: {
                color:'#666666',
                fontSize:'18'
            }
        },
        tooltip: {
            trigger: 'item'
        },
        calculable: false,
        grid: {
            borderWidth: 0,
            y: 80,
            y2: 30
        },
        xAxis: {
            type: 'category',
            show: true,
            data: ['Line', 'Bar', 'Scatter', 'Ka', 'Pie', 'Radar', 'Chord', 'Force'],
            renderAsImage:true,
            axisLabel: {
                formatter: function (value) {
                       return '{'+ value + '| }\n{value|' + value + '}';
                },
                rich: {
                    Line: {
                        height: 40,
                        align: 'center',
                        backgroundColor: {
                            image: logoIcon.logo1
                        }
                    },
                    Bar: {
                        height: 40,
                        align: 'center',
                        backgroundColor: {
                            image: logoIcon.logo2
                        }
                    }
                    
                }
            }
        },