主要過了一遍ECharts的教程，順帶寫了個Demo 數據都是假的

        var pasttime={
            ‘PC‘:‘./img/pc.png‘,
            ‘Pad‘:‘./img/pad.png‘,
            ‘Mobile‘:‘./img/mobile.png‘,
            ‘Book‘:‘./img/book.png‘

        };

        var seriesLabel = {
            normal: {
                show: true,
                textBorderColor: 
 
‘#000‘,
                textBorderWidth: 1
            }
        }

        var myChart=echarts.init(document.getElementById(‘myIconChart‘));
        var option={
            //標題
            title:{
                text:‘春節休閑方式‘
            },
            //提示框
            tooltip:{
                trigger:
 
‘axis‘,                //axis：坐標軸|item：數據項|none：無
                axisPointer:{                   //坐標軸指示器配置項
                    type:‘shadow‘               //line：直線|shadow：陰影|cross：十字準星
                }
            },
            //圖例
            legend:{
                data:[‘男性‘,‘女性‘,‘兒童‘]
            },
            
 
//
            grid:{
                left:80
            },
            //工具欄
            toolbox:{
                show:true,
                itemSize:20,
                feature:{
                    saveAsImage:{},
                    dataView:{readOnly:true}
                }
            },
            //X坐標軸
            xAxis:{
                type:‘value‘,                   //value：數值|category：類目軸|time：時間軸|log：對數軸
                name:‘人數‘,
                axisLabel:{
                    formatter:‘{value}‘
                }
            },
            yAxis:{
                type:‘category‘,
                inverse:true,                    //反向坐標
                data:[‘PC‘,‘Pad‘,‘Mobile‘,‘Book‘],
                axisLabel:{
                    formatter:function(value){
                        return ‘{‘+value+‘|}\n{value|‘+value+‘}‘;
                    },
                    margin:20,
                    rich:{
                        value:{
                            lineHeight:30,
                            align:‘center‘
                        },
                        PC:{
                            height:40,
                            align:‘center‘,
                            backgroundColor:{
                                image:pasttime.PC
                            }
                        },
                        Pad:{
                            height:40,
                            align:‘center‘,
                            backgroundColor:{
                                image:pasttime.Pad
                            }
                        },
                        Mobile:{
                            height:40,
                            align:‘center‘,
                            backgroundColor:{
                                image:pasttime.Mobile
                            }
                        },
                        Book:{
                            height:40,
                            align:‘center‘,
                            backgroundColor:{
                                image:pasttime.Book
                            }
                        }
                    }
                }
            },
            //系列列表。每個系列通過 type 決定自己的圖表類型
            series:[
                {
                    name:‘男性‘,
                    type:‘bar‘,
                    data:[220,130,160,30],
                    label: seriesLabel
                },
                {
                    name:‘女性‘,
                    type:‘bar‘,
                    data:[120,130,180,50],
                    label: seriesLabel
                },
                {
                    name:‘兒童‘,
                    type:‘bar‘,
                    data:[70,110,140,210],
                    label: seriesLabel
                }
            ]
        }

        myChart.setOption(option);

Echart 帶坐標軸帶圖標的柱狀圖