echarts中x轴文字过长换行处理和倾斜处理。
生活随笔
收集整理的這篇文章主要介紹了
echarts中x轴文字过长换行处理和倾斜处理。
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.換行處理
axisLabel: {formatter: function (val) {console.log(val);var strs = val.split(''); //轉(zhuǎn)化為字符串數(shù)組console.log(strs);var str = ''for (var i = 0, s; s = strs[i++]; ) {str += s;if (!(i % 2)) //兩個字符換行str += '\n'; }console.log(str);return str} }?
2.傾斜處理
axisLabel: {interval:0, //坐標刻度之間的顯示間隔,默認就可以了(默認是不重疊)rotate:38 //調(diào)整數(shù)值改變傾斜的幅度(范圍-90到90)}有時候明文字過長的時候文字下方被切掉了,還是顯示不全,這時候需要grid屬性。
grid: { left: '18%', bottom:'38%' },總結(jié)
以上是生活随笔為你收集整理的echarts中x轴文字过长换行处理和倾斜处理。的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: npm 快速开发技巧
- 下一篇: js将json数据保存到本地