Echarts 3.0值yAxis旋转

时间:2018-04-01 19:15:09

标签: javascript charts echarts

我在Y轴上显示值时遇到问题,仅当屏幕是智能手机时,值才会完全显示。

如下图所示:

Chart displayed correctly Values yAxis are not displayed entirely.

代码看起来像这样,只是yAxis的一部分:

let option = {
  baseOption: {
    yAxis: {
      name: 'Concentração',
      nameRotate: 90,
      nameLocation: "center",
      nameGap: 30,
      type: 'log',
      scale: true
    }
  },
  media: [{
    yAxis: {
      nameLocation = "end";
      nameRotate = 1;
      nameRotate: 90,
      nameLocation: 'center',
      nameGap: 10
    },
  }]
}

要解决此问题,我想知道是否可以旋转Y轴上显示的值。

非常感谢!

1 个答案:

答案 0 :(得分:0)

您可以尝试的一件事是在选项中使用grid属性。它将使您的图形向右移动一点,以便可以看到Y轴上的值。
将此代码段添加到您的echart选项中,看看它是否有效

grid: {left: '10%'}

这将向右移动容器宽度的10%。

您可以更好地了解grid属性here