在echarts3中,如何强制显示轴标签

时间:2017-05-19 18:17:27

标签: echarts

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

3 个答案:

答案 0 :(得分:23)

axisLabel(在yAxisxAxis下)有一个选项interval。将其设置为0,将显示标签。

答案 1 :(得分:9)

您可以尝试强制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 },

答案 2 :(得分:0)

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

  1. 使用旋转选项xAxis:{axisLabel:{ 旋转:45 }}
  2. 使用格式化程序并引入'/ n'来中断文本