ECharts is not Loaded解决方案

最新推荐文章于 2023-04-22 16:17:53 发布

站在最高处呐喊的男人!

最新推荐文章于 2023-04-22 16:17:53 发布

阅读量2w

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/AinUser/article/details/71630760

305 篇文章

订阅专栏

本文介绍如何使用ECharts绘制中国地图，并通过一个简单的示例展示了如何加载地图数据、设置地图样式及显示特定省份的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我的代码是：

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