(此文档仅供参考)
问题
...
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 |
|---|
...
