关于echarts的一点记录

1.当图例展示与坐标轴内部重叠时，解决办法：可适当调整grid属性的值，来实现图例与坐标轴重叠部分分离；如

//可通过定义grid坐标，来预留合适位置展示比例尺/yAxis等信息
grid: {
    x: 60,
    y: 55,
    x2: 45,
    y2: 45
},

2.如果需要对echarts的图例进行每隔固定个数换行，解决方法如：

legend: {
    data: ['图例1','','图例2'], // Echarts 的图例手动换行可在data[]中添加一个空字符串来实现
    padding:[5,5,15,5],
    orient: 'horizontal',
    itemHeight: 15 // 设置图例的高度大小
 },

3.当axisLabel过于紧密是可能出现axisLabel展示不全或某些根本隐藏的情况，解决办法

 （1.

axisLabel: {
   //rotate:12,//旋转角度
   interval: 0,//设置间距

设置旋转角度进行适当调整；

或者（2.

xAxis: [
   {
      type: 'category',
      data: jsonObj.xAxisData,
      axisLabel: {
         //rotate:12,//旋转角度
         interval: 0,//设置间距
         show:true,
         formatter: function(params){
            var newParamsName = "";
            var paramsNameNumber = params.length;
            var provideNumber = 6;
            var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
            if (paramsNameNumber > provideNumber) {
               for (var p = 0; p < rowNumber; p++) {
                  var tempStr = "";
                  var start = p * provideNumber;
                  var end = start + provideNumber;
                  if (p == rowNumber - 1) {
                     tempStr = params.substring(start, paramsNameNumber);
                  } else {
                     tempStr = params.substring(start, end) + "\n";
                  }
                  newParamsName += tempStr;
               }
            } else {
               newParamsName = params;
            }
            return newParamsName
         }
      }
   }
],