学习使用echarts设置xAxis轴和yAxis轴属性实现隐藏x轴，y轴，刻度线，网格

最新推荐文章于 2025-09-08 14:55:54 发布

原创最新推荐文章于 2025-09-08 14:55:54 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Echarts

45 篇文章

订阅专栏

本文介绍了如何使用Echarts库来隐藏图表的x轴、y轴以及刻度线，通过展示未设置隐藏属性和设置隐藏后的效果对比，强调了关键代码的作用。

学习使用echarts设置xAxis轴和yAxis轴属性实现隐藏x轴，y轴，刻度线，网格

未设置隐藏属性效果图

在这里插入图片描述

设置隐藏后效果图

在这里插入图片描述

关键性代码

xAxis: {
            type: 'value',
            boundaryGap: [0, 0.01],
            show: false,
            splitLine: {
                show: false,
            }
        },
        yAxis: {

            show: true,
            boundaryGap: true,
            name: "时间",
            axisLine: {       //y轴
                show: false
            },
            axisTick: {       //y轴刻度线
                show: false
            },
            splitLine: {     //网格线
                "show": false
            },
            type: 'category',
            data: ['潍坊市', '青岛市', '菏泽市', '济南市', '烟台市', '济宁市'],

        },