echart:3d饼状图，x轴数据居中显示（xAxis3D:name属性）

原创于 2019-09-10 16:58:48 发布 · 5.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echart

echart 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Echart3D中实现柱状图X轴的居中显示，提供了三种有效的方法：设置name为空字符串、注释掉name属性以及使用特定的name格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要改正echart 3d柱状图的x轴居中显示，但是查找官网，没有找到可以设置的相关属性
默认就是居中显示

1. 设置为name:’’

在这里插入图片描述

2.直接注释掉name属性，默认名字是x

在这里插入图片描述

3.设置name:’ '(必须有空格，否则不居中)

在这里插入图片描述

例如：

xAxis3D: {
        axisLabel: {
          formatter: function(val) {
            return val.replace(/(.{4})/g,'$1\n');
          }, // 横轴信息文字竖直显示
          textStyle: {
            //   "fontFamily": "微软雅黑",
            fontSize: 10
          }
        },
        name: ' ', //空格
        type: 'category',
        data: xAxis3D
      },

在这里插入图片描述