FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

(此文档仅供参考)

问题

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 License Missing

There is a problem with the license of the Viewtracker addon. Please check if you have a valid license.

授权码细节


  • 无标签

评论

  1. 李顺波 发表：

    如果是在电子表格上创建echarts图形，需要用下面的宏去处理

    使用宏处理

    类型：ClientSide  对象：chart    事件：beforeRenderer

    function main(chartView) {
    var opt = chartView.getChartObject().getOptions();
    opt.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;
    }
    }