Echarts - 去掉图表上的横线和竖线

╰+哭是因爲堅強的太久メ 2022-10-15 09:57 533阅读 0赞

## 效果图 ##

默认效果：  
![在这里插入图片描述][20210524162143312.png]  
变为如下图所示效果：  
![在这里插入图片描述][20210524162213600.png]

## 实现方法 ##

> 官方配置文档：[https://echarts.apache.org/zh/option.html\#radar.splitLine][https_echarts.apache.org_zh_option.html_radar.splitLine]

在 `xAxis` `yAxis` 配置中分别加入以下代码：

splitLine: { 
       show:false
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70]

[20210524162143312.png]: /images/20221014/4571655643c745c685ff2102637527ae.png
[20210524162213600.png]: https://img-blog.csdnimg.cn/20210524162213600.png
[https_echarts.apache.org_zh_option.html_radar.splitLine]: https://echarts.apache.org/zh/option.html#radar.splitLine
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210524162849939.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，533人围观）

还没有评论，来说两句吧...

相关阅读

相关 echart图表去掉空白部分

有坐标系的图 grid: { x: 0, //距离左边 x2: 0, //距离右边 y:0,

冷不防/ 2023年01月07日 08:50/ 0 赞/ 154 阅读

相关 Echarts - 去掉图表上的横线和竖线

效果图默认效果： ![在这里插入图片描述][20210524162143312.png] 变为如下图所示效果： ![在这里插入图片描述][202105241

╰+哭是因爲堅強的太久メ/ 2022年10月15日 09:57/ 0 赞/ 534 阅读

相关 Foxmail 去掉签名横线 Foxmail 去掉签名默认横线

Foxmail 去掉签名横线 Foxmail 去掉签名默认横线一、问题描述 1、在使用Foxmail设置签名模板时，会自动出现一个默认的横线，有时候不

阳光穿透心脏的1/2处/ 2022年09月11日 08:29/ 0 赞/ 1874 阅读

相关利用css画横线或竖线

横线：利用css画横线，可以简单的使用<hr>标签实现，但是如果要实现左右渐变的效果的话，则需要多费一点功夫了，以下有个简单例子： html代码：（这里使用.是为了让其有

比眉伴天荒/ 2022年06月14日 08:22/ 0 赞/ 449 阅读

相关 Word2007去掉页眉的横线

网上看到的方法：右键选编辑页眉，然后切换到开始选项卡，选正文格式，就OK了![大笑][laugh.gif] [laugh.gif]: /images/2

向右看齐/ 2022年05月16日 04:56/ 0 赞/ 339 阅读

相关 IDEA去掉屏幕中间的白色竖线

![70][] 点击左上角的File，然后选择Setting ![70 1][] Editor->General->Appearance->Show hard wrap

迷南。/ 2022年05月11日 12:40/ 0 赞/ 412 阅读

相关 IDEA去掉编辑框右侧的竖线

1、找到File-setting-Editor-General-Appearance 2、去掉Show right margin前面的勾。如图: ![在这里插入图片描述

怼烎@/ 2022年04月05日 03:30/ 0 赞/ 311 阅读

相关形态学：提取横线、竖线

原理 [OpenCV官网教程][OpenCV] 通过使用不同形状的核，得到不同的结果 1. 提取横线： ![在这里插入图片描述][201812

谁践踏了优雅/ 2022年04月04日 06:06/ 0 赞/ 354 阅读

相关 el-table表格去掉横线

.el-table__row>td{ border: none; } .el-table::before { //去掉最下面的那一条线

柔光的暖阳◎/ 2022年01月16日 22:19/ 0 赞/ 1143 阅读

相关 css 画一条竖线或横线

横线 <div style="width:100px;border: 1px solid d0d0d0;"></div> 竖线： <div

红太狼/ 2021年12月07日 12:04/ 0 赞/ 412 阅读