ECharts：如何显示所有轴标签？答案

【问题标题】：ECharts: how to show all axis labels?ECharts：如何显示所有轴标签？
【发布时间】：2017-05-19 18:17:27
【问题描述】：

Echarts 似乎有一个不错的功能，可以根据提供的空间自动选择要显示的标签。然而，这个算法有时似乎有点过于激进，并且没有考虑到文本旋转。我浏览了图表选项，似乎没有办法禁用此功能。我希望这只是我忽略的东西。帮助表示赞赏。

【问题讨论】：

标签： javascript echarts

【解决方案1】：

axisLabel（在yAxis 或xAxis 下）有一个选项interval。将此设置为0 并显示标签。

【讨论】：

非常感谢！

【解决方案2】：

你可以试试这个强制x轴的标签，

xAxis: {
      type: "category",
      data: data[0],
      axisLabel: {
        interval: 0,
        rotate: 30 //If the label names are too long you can manage this by rotating the label.
      }

//If your label is in the `y-axis` simply change the code `xAxis` to `yAxis`.

如果你的坐标轴标签没有显示在图表框架中（意味着 ECharts 标签的长度太长），试试这个，

grid: { containLabel: true },

【讨论】：

另外，在 echarts 5.0 中，showMinLabel 和 showMaxLabel 选项可以强制显示第一个和最后一个标签。您需要设置 interval: 'auto' 才能使用这些标签。见：echarts.apache.org/en/option.html#xAxis.axisLabel.showMinLabel

【解决方案3】：

解决长标签文本的2种方法

使用旋转选项 xAxis : { axisLabel: { 旋转：45 } }
使用格式化程序并引入“/n”来中断文本

【讨论】：

【解决方案4】：

仅作记录：

如果你的分类有固定宽度，你也可以这样设置，以便显示所有标签：

      axisLabel: {
        width: 100, //fixed number of pixels
        overflow: 'truncate', // or 'break' to continue in a new line
        interval: 0,
      },

【讨论】：