ECharts3.0柱状图隐藏y轴和x轴

时间:2021-09-25 05:58:21
        var dataNum = ["100","200","300","400","500","600"];     
        var myChart = echarts.init(document.getElementById('box-four'));
                option ={
   title : {
       text: '',
       subtext: ''
   },
   tooltip : {
       trigger: 'item',
        formatter: function(data){
        var txt =data.name+":   "+dataNum[data.dataIndex]+"人   ("+data.value+"%)";
            return txt;
        }
   },
   grid:{ 
    borderWidth:0,
    x:'10%',
    y:'15%',
    x2:'15%',
    y2:'15%',    
   },
   xAxis: [{
       type: 'value',
       max:100,
       show:false,
       boundaryGap:true,
       axisLabel:{
           margin:0
       },  
   }
],
yAxis: [
   {
       type: 'category',
       position:'right',
       boundaryGap:false,
       axisTick:{
           show:false
       },
       // y 轴线
       axisLine:{
           show:false,        
       },  
       // 分割线设置
       splitLine:{
           show:true,  //显示分割线         
       },
       axisLabel:{

       },
       //show:false,
       data: ['8:00-9:00','11:00-12:00','15:00-16:00','12:00-13:00','14:00-15:00','13:00-14:00',]
   }
],
   series : [
       {
           name:'',
           type:'bar',
           itemStyle : {
               normal: {
                   color: function(params) {
                       var colorList = [
                           '#ee4065','#2196f4','#6ccc00','#f9cb00','#c065ff',
                           '#41daea'
                       ];
                       return colorList[params.dataIndex]
                   },
                   label : {
                       show: true,
                       position: 'left',
                       formatter:function(params){
                           return params.value+'%';
                       }
                   }
               },
               emphasis:{
                   label : {
                       show: true,
                       textStyle:{
                           fontSize:12
                       }

                   }
               }
           },
           data:[10,20,30,40,50,60]           
       }
   ]
};
        myChart.setOption(option);


ECharts3.0柱状图隐藏y轴和x轴