Echarts折线图、柱状图X轴下文字区域高度设置以及文字过长展示不全

Echarts折线图、柱状图X轴下文字区域高度设置以及文字过长展示不全

没设置之前，且文字是一行，换行效果是做了处理

处理X轴下方距离左右滑块的距离问题grid属性

//为了更直观的显示设置的位置，grid 跟 legend 同一层
    grid:{   //直角坐标系内绘图网格
            show:true,//是否显示直角坐标系网格。[ default: false ]
             left:"20%",//grid 组件离容器左侧的距离。
            right:"30px",
            borderColor:"#c45455",//网格的边框颜色
            bottom:"30%"     //值越大X轴下方的高度越大
        },
        legend: {
          textStyle: {
            fontWeight: "bolder",
          },
          data: this.tipsBox,
        },

设置以后效果图