xAxis:[
          {
              //目錄軸
          type:"category",
          //數(shù)據(jù)
          data: data.map(i=>i.location+" -- "+i.city_name),
          //軸標簽
          axisLabel:{
          //格式化
              formatter: function (params) {
                  var val = "";
                  //判斷長度
                  if (params.length > 4) {
                  //替換原字符
                      val = params.substr(0, 4) + '...';
                      //返回
                      return val;
                  } else {
                  //否則返回原string
                      return params;
                  }
               }
          }
      }
      ],

    tooltip: {
       trigger: 'axis', //'item'  數(shù)據(jù)項圖形觸發(fā)，主要在散點圖，餅圖等無類目軸的圖表中使用。  'axis'  坐標軸觸發(fā)，主要在柱狀圖，折線圖等會使用類目軸的圖表中使用。 在 ECharts 2.x 中只支持類目軸上使用 axis trigger，在 ECharts 3 中支持在直角坐標系和極坐標系上的所有類型的軸。并且可以通過 axisPointer.axis 指定坐標軸。
       axisPointer: { // 坐標軸指示器，坐標軸觸發(fā)有效 
           type: 'shadow' // 默認為直線，可選為：'line' | 'shadow'
       }
   },

    xAxis: {
     type: 'category',
      name: "公司名",
      data: myData.map(elem => elem.name),
      axisLabel: {
          interval: 0,    
          rotate: 30     //可以通過旋轉(zhuǎn)解決標簽顯示不下的問題
      }
    }

.box{
    width: 1000px;
    height: 500px;
}

grid: {
  left: "15%",
  bottom:'38%'
}