echarts图表出现得问题

1、柱状和折现叠加超出得问题

xAxis:{
 type: 'category',
  data: dateList,
  name:"",
  boundaryGap: false, //
 },

查看官网注解：

2、因为X轴类名太长导致不能显示全得问题

axisLabel: { show: true, textStyle: { color: '#BEC5D6' },
              interval : 0,
              formatter : function(params){//*******控制轴上数据换行显示
                var newParamsName = "";
                var paramsNameNumber = params.length;
                var provideNumber = 1;
                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
              }
          },