echart的x换行
生活随笔
收集整理的這篇文章主要介紹了
echart的x换行
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
option = {legend: {y: 'bottom',data:['該業務正常類比例','該業務關注類比例','該業務不良類比例']},xAxis: {type: 'category',data: ['xx', 'xx', 'xxxxx', 'xxxxxx', 'xxxxxx', 'xxxxxxxxx'], //替換
//換行部分。。。。。axisLabel:{interval:0,formatter:function(value){var ret = '';var maxLength = 4;var rowNum = Math.ceil(value.length/maxLength);if(rowNum > 1) {for(var i = 0; i < rowNum; i++) {var temp ="";var start = i * maxLength;var end = start + maxLength;temp = value.substring(start,end) + "\n";ret += temp;}return ret;}else {return value;}}}},yAxis: [{name: '關注及損失',type: 'value',interval:1,position:'left'},{name: '正常',type:'value',interval:20,position:'right'},],series: [{ name:'該業務正常類比例',data: [2, 3, 3, 1, 2, 4], //替換type: 'bar'},{ name:'該業務關注類比例',data: [1, 2, 3, 4, 5, 6], //替換type: 'bar'},{name:'該業務不良類比例',data: [99, 97, 97, 97, 97, 97],//替換yAxisIndex:1,type: 'line'}] };
//換行部分。。。。。axisLabel:{interval:0,formatter:function(value){var ret = '';var maxLength = 4;var rowNum = Math.ceil(value.length/maxLength);if(rowNum > 1) {for(var i = 0; i < rowNum; i++) {var temp ="";var start = i * maxLength;var end = start + maxLength;temp = value.substring(start,end) + "\n";ret += temp;}return ret;}else {return value;}}}},yAxis: [{name: '關注及損失',type: 'value',interval:1,position:'left'},{name: '正常',type:'value',interval:20,position:'right'},],series: [{ name:'該業務正常類比例',data: [2, 3, 3, 1, 2, 4], //替換type: 'bar'},{ name:'該業務關注類比例',data: [1, 2, 3, 4, 5, 6], //替換type: 'bar'},{name:'該業務不良類比例',data: [99, 97, 97, 97, 97, 97],//替換yAxisIndex:1,type: 'line'}] };
圖:
?
轉載于:https://www.cnblogs.com/dayanjing/p/10757110.html
總結
以上是生活随笔為你收集整理的echart的x换行的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用顺序栈实现十进制向二进制转化
- 下一篇: Gradle 学习二