echarts 西安地铁热力图,钻取显示每个出口的饼状图

最新推荐文章于 2024-03-06 18:31:30 发布

_大唐双龙

最新推荐文章于 2024-03-06 18:31:30 发布

阅读量1.9k

点赞数

文章标签： echarts 钻取地图

本文链接：https://blog.csdn.net/kkkk6547/article/details/84328108

版权

如图

代码实现：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>地铁热力图</title>
    <script src="jquery.min.js"></script>
    <script src="echarts.min.js"></script>
    <script src="bmap.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
    <script type="text/javascript">
        var data = [
            { name: '北大街', value: 500 },
            { name: '西安北站', value: 200 },
            { name: '后卫寨', value: 200 },
            { name: '保税区', value: 100 },
            { name: '纺织城', value: 150 },
            { name: '韦曲南', value: 160 },
            { name: '通化门', value: 190 },
            { name: '小寨', value: 400 },
            { name: '鱼化寨', value: 190 },
            { name: '城西客运站', value: 290 },
            { name: '辛家庙', value: 150 },
            { name: '市图书馆', value: 150 },
            { name: '青龙寺', value: 150 }
        ];
        var geoCoordMap = {
            '北大街': [108.953636, 34.276173],
            '西安北站': [108.944869, 34.382293],
            '后卫寨': [108.820184, 34.306474],
            '保税区': [109.050509, 34.401603],
            '纺织城': [109.076129, 34.285688],
            '韦曲南': [108.95184, 34.148521],
            '鱼化寨': [108.854427, 34.244278],
            '通化门': [109.001624, 34.275472],
            '小寨': [108.953169, 34.229132],
            '城西客运站': [108.880424, 34.279946],
            '辛家庙': [109.002019, 34.311201],
            '市图书馆': [108.953762, 34.323932],
            '青龙寺': [109.000689, 34.236892]
        };
        var piedata = [];
        var piedatas = {
            '北大街': [
                { value: 335, name: 'A出口' },
                { value: 310, name: 'B1出口' },
                { value: 234, name: 'B2出口' },
                { value: 135, name: 'C出口' },
                { value: 1548, name: 'D出口' }
            ],
            '小寨': [
                { value: 335, name: 'A1出口' },
                { value: 335, name: 'A2出口' },
                { value: 310, name: 'B1出口' },
                { value: 234, name: 'B2出口' },
                { value: 135, name: 'C出口' },
                { value: 1548, name: 'D出口' }
            ],
            '城西客运站': [
                { value: 335, name: 'A出口' },
                { value: 310, name: 'B出口' },
                { value: 135, name: 'C出口' },
                { value: 1548, name: 'D出口'