<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="src/scripts/echarts-3.7.2.min.js"></script>
</head>
<body>
<div id="gs_map"></div>
<script type="text/javascript">
$.get('src/data/china.json', function(gansuJson) {
//echarts.registerMap('省份汉语名称', 省份拼音+Json);
echarts.registerMap('甘肃', gansuJson);
var chart = echarts.init(document.getElementById('gs_map'));
chart.setOption({
series : [ {
type : 'map',
//map的值也是,省份汉语名称
map : '甘肃'
} ]
});
});
</script>
</body>
</html>
修改后依然没有反应
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="src/scripts/echarts-3.7.2.min.js"></script>
<script src="src/scripts/jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="gs_map"></div>
<script type="text/javascript">
$.get('src/data/china.json', function(gansuJson) {
//echarts.registerMap('省份汉语名称', 省份拼音+Json);
echarts.registerMap('甘肃', gansuJson);
var chart = echarts.init(document.getElementById('gs_map'));
chart.setOption({
series : [ {
type : 'map',
//map的值也是,省份汉语名称
map : '甘肃'
} ]
});
});
</script>
</body>
</html>
。。$.get是jquery的ajax方法,你不加载jquery当然是不能用的啊= =