16

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

4

4 回答 4

34

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

于 2017-05-31T22:57:58.327 回答
18

你可以试试这个来强制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 },
于 2020-03-21T13:10:44.927 回答
2

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

  1. 使用旋转选项 xAxis : { axisLabel: { rotate: 45 } }
  2. 使用格式化程序并引入'/n'来打破文本
于 2020-05-04T08:47:00.773 回答
0

仅作记录：

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

      axisLabel: {
        width: 100, //fixed number of pixels
        overflow: 'truncate', // or 'break' to continue in a new line
        interval: 0,
      },
于 2022-01-31T16:27:28.843 回答