Skip to content
本页目录

专项答疑

图表坐标轴文字如何设置固定字数换行

图表支持通过formatter基于数据中的基础值控制其变化成一个新的值,如想要其达到每行最多n个字,超出两行时做多显示...,实现后的代码如下,可直接拷贝函数部分内容至x轴或y轴的axisLabel中的formatter属性上实现相应功能

js
xAxis:{
        axisLabel:{
            formatter: value=>{
                // 每一行的字数
                let len = 4;
                if(value.length <= len){
                    return value
                }else if(value.length > len*2){
                    return value.slice(0,len) + '\n' + value.slice(len,2*len-1) + ''
                }else{
                    return value.slice(0,len) + '\n' + value.slice(len,2*len)
                }
            }
        }
    }

内部资料,请勿外传