Apache ECharts：旋转的标签被裁剪

Question

我正在尝试在图表中使用旋转标签。但是，标签正在被裁剪。我怎样才能在底部制作更多 space 以便标签适合？

  options = {
    xAxis: {
      type: "category",
      data: axis,
      axisLabel: {
        show: true,
        interval: 0,
        rotate: 45,
      },
      axisTick: {
        show: true,
        interval: 0
      }
    },
    yAxis: {
      type: "value",
      data: axis,
      min: 1,
      minInterval: 1,
      maxInterval: 1,
      max: 15,
      axisTick: {
        interval: 1
      }
    },
    series: [
      {
        type: "bar",
        stack: "minmax",
        itemStyle: {
          normal: {
            color: "rgba(0,0,0,0)"
          }
        },
        data: maxs
      },
      {
        type: "bar",
        stack: "minmax",
        data: mins,
        itemStyle: { color: "#63869e" }
      },
      {
        symbolSize: 20,
        data: scatter,
        type: "scatter",
        itemStyle: { color: "black" },
      },
    ]
  };

Answer 1

Space 可以用网格选项添加 bottom:

options = {
  grid: {
    bottom: 100,
  }
}

Apache ECharts：旋转的标签被裁剪

Apache ECharts: Rotated labels get cropped

echarts