(此文档仅供参考)
问题
...
echarts图形x轴字体如何纵向显示。如图效果：
...
解决方案
需要写扩展属性修改。
先在echarts官网对照着修改。修改的扩展属性为：
| 代码块 | ||
|---|---|---|
| ||
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 |
|---|
...
