echarts-去掉X轴、Y轴和网格线

最新推荐文章于 2024-01-24 16:55:08 发布

最新推荐文章于 2024-01-24 16:55:08 发布 · 4.2k 阅读

文章标签：

#javascript #ViewUI

本文介绍了如何在Echarts图表中删除X轴、Y轴及网格线，以达到只显示数据图形的效果，提供了具体的实现代码。

1、问题背景

如何在echarts中，去掉X轴、Y轴和网格线，只留数据图形

2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>echarts-去掉X轴、Y轴和网格线</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>
		
		
		<script>
			$(function(){
				function randomDataArray() {
				    var d = [];
				    var arr = [3,5,7,9,10,1,2,4,8,6];
				    var len = 10;