【eCharts】eCharts实现中国地图热力地图分布

最新推荐文章于 2025-07-11 11:50:38 发布

原创

最新推荐文章于 2025-07-11 11:50:38 发布 · 2.3w 阅读

35 ·

CC 4.0 BY-SA版权

文章标签：

#eChart

1.导包

2.实现热力地图分布实现

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>echarts.js中国地图省份悬浮提示</title>
    <script src="http://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/china.js"></script>
</head>

<body>

<div id="container" style="height: 800px;width:1200px;background:white;margin:20px 0 0;"></div>

<script type="text/javascript">
    // 全国省份列表

function randomData() {  
	return Math.round(Math.random()*500);
}  

var dataMap =[  
    {name: '