Echarts笔记——地图（2）散点图与地图结合

最新推荐文章于 2023-07-14 12:15:19 发布

寧三一

最新推荐文章于 2023-07-14 12:15:19 发布

阅读量986

点赞数 2

分类专栏： echarts 文章标签：数据可视化 echarts js

本文链接：https://blog.csdn.net/weixin_51967583/article/details/115337267

版权

本文展示了如何使用ECharts将散点图与地图结合，通过JavaScript实现了一个展示中国各省市空气质量的数据可视化例子。代码中，ECharts首先加载了china.json文件作为地图数据，然后初始化ECharts实例，设置了地图的缩放、漫游功能，并定义了数据的视觉映射，最后展示了包含散点效果的空气质量数据。

摘要由CSDN通过智能技术生成

Echarts笔记——地图（2）散点图与地图结合

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../../js/echarts.min.js"></script>
    <script src="../../js/jquery.min.js"></script>
    <!--    <script src="../../js/json/china-cities.json"></script>-->
    <title>网格</title>
</head>
<body>
<div id="main" style="height: 1200px;width:2200px"></div>
<script type="text/javascript">
    // 初始化Echarts实例对象
    var airData = [