使用echarts获取china.json数据无效

<!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>
阅读 10k
3 个回答

。。$.get是jquery的ajax方法,你不加载jquery当然是不能用的啊= =

同意楼上的说法,从题主的代码截图中没有看到有引用jquery相关内容。

+1 没有jquery的 引用 且jQuery要在echart前面

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题