Echarts中如何给x轴标签文本做内容过长省略显示

clipboard.png
需求:如上图x轴wed字样,若字数过多则会挤掉两边的值,现想给他过长保留三位其余省略显示,指示弹窗里的内容需要完整显示,找了半天文档,也没看到相应配置项,希望大佬赐教

阅读 8.5k
1 个回答

axisLabel有个formatter属性,下面的伪代码你凑合看看

xAxis : [
    {
        type : 'category',
        data : ['Mon', 'Tue', 'Wedssssssssssss', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisTick: {
            alignWithLabel: true
        },
        axisLabel: {
            formatter: function (value, index) {
                // 10 6 这些你自定义就行
                var v = value.substring(0, 6) + '...'
                return value.length > 10 ? v : value
            }
        }
    }
],

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题