echarts江苏地图数据包_前端-Eacharts实现全国地图

最新推荐文章于 2024-08-05 05:00:00 发布

杜浩明

最新推荐文章于 2024-08-05 05:00:00 发布

阅读量958

点赞数 1

文章标签： echarts江苏地图数据包

本文链接：https://blog.csdn.net/weixin_42185419/article/details/112108618

版权

本文介绍了如何在前端项目中使用Echarts实现江苏地图的显示，主要涉及引入echarts.js和china.js文件，简单配置颜色后即可得到地图效果。建议参考Echarts官方文档和示例以了解更详细的功能。

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

之前的文章有讲如何使用Echarts。

叶墨祤：前端-如何使用Echarts

需要引入echarts.js 和 china.js 这两个js 官网上就可以下载。

下载 - Apache ECharts (incubating)www.echartsjs.com

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map</title>
    <script src="echarts.js"></script>
    <script src="china.js"></script>
    <style>

        .demo{
    
            height: 800px;
            border:1px solid #000;
        }

    </style>
</head>
<body>
    <div class="demo" id="box"></div>
    <script>
        var myChart = echarts.init(document.getElementById('box'));
        var option = {