博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECharts is not Loaded解决方案
阅读量:2178 次
发布时间:2019-05-01

本文共 1253 字,大约阅读时间需要 4 分钟。

首先我的代码是:

[html]   
 
  1. <body>
    <!--文件引入  -->
    <script type="text/javascript"src="${pageContext.request.contextPath }/js/jquery-1.8.3.min.js"></script>
  2. /*原来引入jar
  3. <script type="text/javascript"src="${pageContext.request.contextPath }/js/china.js"></script>
    <script type="text/javascript"src="${pageContext.request.contextPath }/js/echarts.js"></script>
  4. */后来引用网上jar(需有网)
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
         
    //地图显示区域
    <div id="main" style="width: 500px;height:500px;"></div>
    //官网demo:http://echarts.baidu.com/blog/2016/04/28/echarts-map-tutorial.html
    <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
    <script type="text/javascript">
    // 基于准备好的dom,初始化echarts实例  
    var chart = echarts.init(document.getElementById('main'));
    option = {
    tooltip : {
    trigger : "item",
    formatter : "{b}"
    },
    series : [ {
    name : "中国",
    type : "map",
    mapType : "china",
    selectedMode : "multiple",
    label : {
    normal : {
    show : true
    },
    emphasis : {
    show : true
    }
    },
    data : [ {
    name : '广东',
    selected : true
    } ]
    } ]
    };
    // 使用刚指定的配置项和数据显示图表。  
    chart.setOption(option);
    </script>
    </body>
主要原因是因为js文件的问题,只要引用echarts.min.js文件就可以了。
大致的效果是:

你可能感兴趣的文章
(PAT 1118) Birds in Forest (并查集)
查看>>
数据结构 拓扑排序
查看>>
(PAT 1040) Longest Symmetric String (DP-最长回文子串)
查看>>
(PAT 1145) Hashing - Average Search Time (哈希表冲突处理)
查看>>
(1129) Recommendation System 排序
查看>>
PAT1090 Highest Price in Supply Chain 树DFS
查看>>
(PAT 1096) Consecutive Factors (质因子分解)
查看>>
(PAT 1019) General Palindromic Number (进制转换)
查看>>
(PAT 1073) Scientific Notation (字符串模拟题)
查看>>
(PAT 1080) Graduate Admission (排序)
查看>>
Play on Words UVA - 10129 (欧拉路径)
查看>>
mininet+floodlight搭建sdn环境并创建简答topo
查看>>
【linux】nohup和&的作用
查看>>
Set、WeakSet、Map以及WeakMap结构基本知识点
查看>>
【NLP学习笔记】(一)Gensim基本使用方法
查看>>
【NLP学习笔记】(二)gensim使用之Topics and Transformations
查看>>
【深度学习】LSTM的架构及公式
查看>>
【python】re模块常用方法
查看>>
剑指offer 19.二叉树的镜像
查看>>
剑指offer 20.顺时针打印矩阵
查看>>