Echarts怎么去掉网格线
有时辰我们在利用Echarts的时辰 , 想去失落网格线 , 怎么操作呢 , 下面来分享一下方式
需要这些哦
Echarts
去失落网格线方式
方式/
1第一步加载Echarts之后 , 想去失落x轴 , y轴的网格线 , 插手splitLine:{show: false},属性就可以 , 如下图所示:
![Echarts怎么去掉网格线](http://img12.hunanlong.com/exp/w=500/sign=c0088700df00baa1ba2c47bb7711b9b1/d833c895d143ad4b8e260c2c8c025aafa50f06d5.jpg)
文章插图
2第二步运行代码 , 可以看到绘制的折线图已经没有网格线了 , 如下图所示:
![Echarts怎么去掉网格线](http://img12.hunanlong.com/exp/w=500/sign=f67136880723dd542173a768e108b3df/4610b912c8fcc3cefe9f83df9c45d688d53f20fa.jpg)
文章插图
3第三步若是想保留网格区域的话 , 可以加上splitArea : {show : true}属性 , 如下图所示:
![Echarts怎么去掉网格线](http://img12.hunanlong.com/exp/w=500/sign=172ced84df09b3deebbfe468fcbe6cd3/c2fdfc039245d688955df848aac27d1ed31b24fa.jpg)
文章插图
4第四步运行代码 , 可以看到保留了网格区域 , 如下图所示:
![Echarts怎么去掉网格线](http://img12.hunanlong.com/exp/w=500/sign=926bcc029282d158bb8259b1b00b19d5/9345d688d43f8794e7a002c2dc1b0ef41ad53afa.jpg)
文章插图
5【Echarts怎么去掉网格线】第五步splitArea : {show : false}就去失落了网格区域 , 默认也是这个 , 如下图所示:
![Echarts怎么去掉网格线](http://img12.hunanlong.com/exp/w=500/sign=f148fae9ebdde711e7d243f697eecef4/b03533fa828ba61e8cf982c34f34970a314e59c2.jpg)
文章插图
注重事项若是你感觉这篇对你有效的话 , 请投一下票
以上内容就是Echarts怎么去掉网格线的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 华为手机怎么查看CPU型号
- 芒果TV怎么删除siri捷径
- 华为手机相机无法打开怎么办
- QQ邮箱的垃圾邮箱怎么处理
- 支付宝怎么办理ETC
- 支付宝蚂蚁行者是什么,怎么参加蚂蚁行者
- github私有库怎么转换公共库
- 华为手机怎么把网速显示置顶
- 华为手机怎么查电池型号和价格
- 白兰花叶子有黑斑怎么办