Echarts隐藏x,y轴，刻度线，网格

最新推荐文章于 2026-05-08 06:10:49 发布

原创最新推荐文章于 2026-05-08 06:10:49 发布 · 1.1w 阅读

14 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #echarts

Echarts 专栏收录该内容

2 篇文章

订阅专栏

博客围绕Echarts实现双y轴且有三种不同数据（多y轴）的情况展开，重点讲述需隐藏其中一条y轴（含刻度线、网格），还提及了Echarts文档相关设置项，最后给出代码及效果图，红色线条比率对应的y轴不再显示刻度。

由于要实现双y轴，且有三种不同数据（也就是多y轴），需要隐藏其中一条y轴（包括刻度线，网格）。
Echarts文档：

1、是否显示y轴：
在这里插入图片描述
2、是否显示坐标轴轴线

3、是否显示坐标轴刻度

直接上代码：

yAxis: [
            {
                type: 'value',
                name: '**数',
                min: 0,
                max: 720,
                interval: 5,
                position: "left",
                axisLine: {
                    show: false  //不显示坐标轴轴线
                },
                axisTick: {
                    show: false  //不显示坐标轴刻度
                },
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {
                type: 'value',
                name: '****',
                position: "right",
                min: 0,
                max: 6000,
                axisLine: {
                    show: false  //不显示坐标轴轴线
                },
                axisTick: {
                    show: false  //不显示坐标轴刻度
                },
                interval: 5,
                splitNumber:5,
                axisLabel: {
                    formatter: '{value} h'
                }
            },
            {
                type: 'value',
                name: '****率',
                show: false,    //不显示y轴
                min: 0,
                max: 100,
                interval: 20
            }
        ],