Echarts 常见的坐标轴问题

1、隐藏坐标轴刻度和轴线

参考图:
在这里插入图片描述
调整图:
在这里插入图片描述

xAxis: [{
    type: "category",
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    axisLabel: {
      show: true  // 显示坐标轴上的文字。
    },
    axisTick: {
      show: false  // 不显示坐标轴刻度。
    },
    axisLine: {
      show: false // 不显显示坐标轴轴线。
    },
 }],

2、标签文字过多导致显示不全

在这里插入图片描述

xAxis: [{
    type: "category",
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    axisLabel: {
      show: true,
      interval: 0, //  0 强制显示所有标签
      rotate: 30   // 刻度标签旋转的角度
    }],

interval 坐标轴刻度标签的显示间隔,在类目轴中有效。
如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。
rotate刻度标签旋转的角度,在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。旋转的角度从 -90 度到 90 度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值