ECharts is not Loaded解决方案

最新推荐文章于 2024-07-04 19:00:00 发布

租房请下载：房东直租APP

最新推荐文章于 2024-07-04 19:00:00 发布

阅读量2w

点赞数

分类专栏： Error实例文章标签： echarts 地图 Loaded setOption series

本文链接：https://blog.csdn.net/AinUser/article/details/71630760

版权

305 篇文章 3 订阅

订阅专栏

首先我的代码是：

[html]view plaincopy 
  

<body>

<script type="text/javascript"src="${pageContext.request.contextPath }/js/jquery-1.8.3.min.js"></script>
/*原来引入jar
<script type="text/javascript"src="${pageContext.request.contextPath }/js/china.js"></script>
<script type="text/javascript"src="${pageContext.request.contextPath }/js/echarts.js"></script>
*/后来引用网上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

<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>