echarts-去掉垂直网格线

最新推荐文章于 2023-03-08 10:14:28 发布

翱翔天地

最新推荐文章于 2023-03-08 10:14:28 发布

阅读量2.5w

点赞数 2

分类专栏： echarts JQuery 文章标签： echarts jquery

本文链接：https://blog.csdn.net/you23hai45/article/details/51769915

版权

本文介绍了如何在Echarts图表中删除垂直网格线。通过在xAxis配置项中设置splitLine的show属性为false，可以实现这个效果。

摘要由CSDN通过智能技术生成

1、问题背景

设计一条统计人数的折线，其中网格线没有垂直线

2、实现源码

（1）有垂直网格线

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>echarts-去掉垂直网格线</title>
		<link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png">
		<script type="text/javascript" src="../js/echarts-2.2.7/doc/asset/js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/echarts-2.2.7/doc/example/www2/js/echarts-all.js" ></script>
		<style>
			body,html{
				width: 99%;
				height: 99%;
				font-family: "微软雅黑";
				font-size: 12px;
			}
			#chart{
				width: 100%;
				height: 100%;
			}
		</style>
		<script>
			$(function(){
				var chart = document.getElem