echarts柱状图加单位，底部文本溢出展示

lmy_loveF2024-01-09 23:10

刚开始设置了半天都不展示单位，后来发现是被挡住了，需要调高top值

javascript 复制代码

// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("echartD"));

    rankOption = {
      //  backgroundColor: '#00265f',
      tooltip: {
        trigger: "axis",
        axisPointer: {
          type: "shadow"
        }
      },

      grid: {
        left: "0%",
        top: "50px",//增加这个值
        right: "0%",
        bottom: "2%",
        containLabel: true
      },

javascript 复制代码

   yAxis: [
        {
          name: "单位 ： 总里程(KM)",
          nameTextStyle: {
            color: "rgba(255,255,255,.6)",
            fontSize: 14,
            padding: [0, 0, 10, -30] //name文字位置 对应 上右下左
          },

javascript 复制代码

          axisLine: {
            show: true,
            lineStyle: {
              color: "rgba(255,255,255,.1)",
              width: 1,
              type: "solid"
            }
          },

          axisTick: {
            show: false
          },
          axisLabel: {
            interval: 0,
            rotate: 40,
            show: true,
            splitNumber: 15,
            textStyle: {
              color: "rgba(255,255,255,.6)",
              fontSize: "12"
            }
          }