(此文档仅供参考)

问题

描述：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;}"
         }
     }
}

如图所示：