...
echarts图形x轴字体如何纵向显示。如图效果:
解决方案
需要写扩展属性修改。
...
代码块 | ||
---|---|---|
| ||
xAxis: { type: 'category', boundaryGap: false, axisLabel:{ formatter: function (value, index) { var val = ""; for(var i=0;i<value.length;i++){ if(i==0){ val = value.substring(0,1)+"\n"; }else{ val = val+value.substring(i,i+1)+"\n"; } } return val; } }, data: ['周一','周二','周三','周四','周五','周六','周日'] }, |
在echarts图形相应修改为下面的扩展属性:
代码块 | ||
---|---|---|
| ||
{ "xAxis": { "axisLabel": { "formatter": "function(value, index){debugger;var val = '';for(var i=0;i<value.length;i++){if(i==0){val = value.substring(0,1)+'\\n';}else{val = val+value.substring(i,i+1)+'\\n';}}return val;}" } } } |
如图所示:
Viewtracker |
---|