echarts折现图去掉Y轴线

六月初六月初 Echarts 2018-11-24 16:50:48

echarts去掉折线图Y轴的线，只留下数据！

原图：


实现效果：


具体代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.staticfile.org/echarts/4.2.0-rc.2/echarts.min.js"></script>
	</head>
	<body>
		<div id="test" style="height: 500px;width: 100%;">
			
		</div>
		<script>
			var BarBOX1 = echarts.init(document.getElementById("test"));
			option1 = {
			    xAxis: {
			        type: 'category',
			        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			    },
			    yAxis: {
			        type: 'value',
			        axisLine: {show:false},
                    axisTick: {show:false},
			    },
			    series: [{
			        data: [820, 932, 901, 934, 1290, 1330, 1320],
			        type: 'line'
			    }]
			};
			BarBOX1.setOption(option1);
		</script>
	</body>
</html>

具体生效代码：

axisLine: {show:false},
axisTick: {show:false},

这个也是用的比较频繁，在开发中不妨把这个简单的操作记清楚。毕竟每次都百度，不如记在自己脑袋里实在！

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！