ECHARTS

【已解决】echarts的Y轴设置name后,和Y轴的数据重叠了,怎么解决?

在使用echarts的时候,给Y轴设置了名称后,Y轴的名字和Y轴数据展示重叠了。如下图:如何解决?这里可以从两个思路:1:设置Y轴数据倾斜度2:设置名字与坐标轴的间距其中设置Y周数据倾斜度,是在yAxis的axisLabel属性中设置。比如设置倾斜度为45度。设置如下图: "axisLabel": {

在使用echarts的时候,给Y轴设置了名称后,Y轴的名字和Y轴数据展示重叠了。如下图:

710e9bef8e129ba44dea794bc8360ea8.png


如何解决?这里可以从两个思路:

1:设置Y轴数据倾斜度

2:设置名字与坐标轴的间距

其中设置Y周数据倾斜度,是在yAxis的axisLabel属性中设置。比如设置倾斜度为45度。设置如下图:

 "axisLabel": {
      "textAlign": "center",
      "rotate": 45 
      
    }


e7d167a10cdc22683be4957cc19cb697.png

设置名字与Y轴的坐标间距。使用到nameGap这个属性。比如现在是30,可以在调大点,调整到50

其中nameGap也是在yAxis中设置

59f777ab1fe8c8064f6bee90ce609b43.png

修改后的效果:

b94d80d12b45fcc476d4efbc058746c0.png


完整代码如下:

option = {
  xAxis: {
    type: 'category',
    data: ['Mo

原创不易,完成人机校验,阅读全文

相关推荐