echarts 地图插件不能用的原因

雪狼之夜

已于 2022-06-17 11:03:49 修改

阅读量1.5w

点赞数 3

分类专栏： js 文章标签： echarts javascript ecmascript

于 2016-09-19 16:07:51 首次发布

本文链接：https://blog.csdn.net/xuelang532777032/article/details/52586628

版权

js 专栏收录该内容

55 篇文章 2 订阅

订阅专栏

很多人从echarts 上直接cope 代码下来发现不能用（http://echarts.baidu.com/demo.html#map-china）

显示不出来

原因很简单，你少引用了一个JS china.js(已更新)

我贴出我的案例吧，你们看下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<div id="main" style="width: 1200px;height:1200px;"></div>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/china.js"></script>
 <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = 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}
					]
				}
			]
		};

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

</body>
</html>

雪狼之夜

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
15
评论
echarts 地图插件不能用的原因

很多人从echarts 上直接cope 代码下来发现不能用（http://echarts.baidu.com/demo.html#map-china）显示不出来原因很简单，你少引用了一个JS china.js我贴出我的案例吧，你们看下无标题文档 // 基于准备好.........
复制链接

扫一扫