ECharts x轴横座标文字显示不全(倾斜处理)

ECharts横座标文字倾斜,有的时候因为X轴的座标文字较长,无法水平展示,又要全部显示,这时候就需要倾斜文字显示,当然我做这个不是因为无法显示,因为我们的设计就是斜着的哈哈。(你要是想y轴倾斜也是一样的配置)

用到的是xAxis.axisLabel 属性

axisLabel: {
              interval:0, //座标刻度之间的显示间隔,默认就可以了(默认是不重叠)
               rotate:38   //调整数值改变倾斜的幅度(范围-90到90)
            }

那么问题来了,此时效果如下

很明显在文字过长的时候文字下方被切掉了,还是显示不全

这时候需要grid属性


grid: {
left: '18%',
bottom:'38%'
},

这样就好了,这些属性具体的使用方法可以查看ECharts的官方文档写的很详细,也很易懂,这里附上官方API地址

https://echarts.baidu.com/option.html#toolbox

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章