echarts 区域地图加载

最新推荐文章于 2024-06-11 21:36:57 发布

fk129

最新推荐文章于 2024-06-11 21:36:57 发布

阅读量987

点赞数

本文链接：https://blog.csdn.net/qq_36061522/article/details/82803110

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>


<script src="jquery.min.js"></script>
<script src="echarts.js"></script>
<div id="main" style="width: 100%;height:800px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));




//地图数据
   var uploadedDataURL = "420100.json";

    $.get(uploadedDataURL, function(geoJson) {

        echarts.registerMap(name, geoJson);

        myChart.setOption(option = {
            backgroundColor: '#ffffff',
            series: [{
                type: 'map',
                mapType: name,
                label: {
                    normal: {
                        show: true
                    },
                    emphasis: {
                        textStyle: {
                            color: '#fff'
                        }
                    }
                },
                itemStyle: {
                    normal: {
                        borderColor: '#389BB7',
                        areaColor: '#fff',
                    },
                    emphasis: {
                        areaColor: '#389BB7',
                        borderWidth: 0
                    }
                },
                animation: false,
                data: []

            }]
        });
    });



</script>
</body>
</html>

fk129

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
echarts 区域地图加载

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;&lt;/title&a
复制链接

扫一扫