From f81b7e9696e2bd312104a289b164503013559225 Mon Sep 17 00:00:00 2001 From: xiaoguo Date: Thu, 15 Dec 2022 09:14:59 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8E=95=E6=89=80=E6=89=80?= =?UTF-8?q?=E5=8D=A0=E6=AF=94=E4=BE=8B=E5=9B=BE=EF=BC=8C=E5=9D=91=E4=BD=8D?= =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- bigscreen1/css/style.css | 36 +- bigscreen1/index.html | 129 +---- bigscreen1/js/44.json | 28 - bigscreen1/js/area_echarts.js | 242 -------- bigscreen1/js/js.js | 1029 ++++++++++----------------------- bigscreen1/js/map.js | 918 ++++++++++++++--------------- 6 files changed, 808 insertions(+), 1574 deletions(-) delete mode 100644 bigscreen1/js/44.json delete mode 100644 bigscreen1/js/area_echarts.js diff --git a/bigscreen1/css/style.css b/bigscreen1/css/style.css index 2e633f5..9a164d4 100644 --- a/bigscreen1/css/style.css +++ b/bigscreen1/css/style.css @@ -120,7 +120,7 @@ i { .head h1 { font-size: 30px; - letter-spacing: -2px; + letter-spacing: 2px; text-align: center; line-height: 90px; padding-right: 55px; @@ -152,6 +152,7 @@ i { position: absolute; right: 0; line-height: 90px; + font-size: 24px; } .menu li:before, @@ -340,23 +341,25 @@ i { } .mapnav div { - background: url(../images/bg1.png) no-repeat; + /* background: url(../images/bg1.png) no-repeat; */ background-size: 100% auto; - width: 110px; + width: 200px; text-align: center; padding: 20px 0; line-height: 120%; } .mapnav div span { - font-size: 14px; + font-size: 30px; opacity: .6 } .mapnav div p { - font-size: 20px; + font-size: 60px; + letter-spacing:6px; font-weight: bold; - padding-top: 5px; + padding-top: 30px; + padding-left: 70px; } .mapnav li { @@ -623,7 +626,7 @@ i { .name { font-size: 16px; color: #fff; - padding-top: 10px; + padding-top: 20px; padding-left: 20px; } @@ -640,7 +643,7 @@ i { } .ceisuozonglan { - margin-top: 0px; + margin-top: 30px; } .ceisuozonglan li { @@ -662,5 +665,22 @@ i { .ceisuozonglan p { font-size: 25px; font-weight: bold; + padding-top: 10px; color: #fef000; +} + +.jindu li { + width: 50%; + float: left; + height: 170px; +} + +.jindu div { + width: 50%; + float: left; + color: #fff; + text-align: center; + padding: 20px 0 0 0; + margin: 20px 0 0 0; + font-size: 24px; } \ No newline at end of file diff --git a/bigscreen1/index.html b/bigscreen1/index.html index 7476b86..f47c85f 100644 --- a/bigscreen1/index.html +++ b/bigscreen1/index.html @@ -15,8 +15,6 @@
- -

5G智慧驿站数据监控平台

-
2018/6/12 17:00:12
-
-
- - -
-
版块标题
-
-
-
-
    -
  • 文本1 -

    43

    -
    • -
  • 文本2 -

    100

    -
    • -
  • 文本3 -

    28

    -
    • -
  • 文本4 -

    3

    -
    • -
  • 文本5 -

    150

    -
    • +
    +
      +
    • +
    • +
    • +
-
  • - +
  • -
    +
    • -
      数据1 -

      40%

      -
      -
      • -
    • -
      数据2 -

      12%

      -
      -
      • -
    • -
      数据3 -

      80

      -
      -
      • -
    • -
      数据4 -

      124

      -
      -
      • -
    • -
      数据5 -

      10%

      +
      当前人流量 +

      245670

    -
    - -
    -
    版块标题
    -
    - - -
    -
    -
      -
    • 业务笔数 -

      128

      -
      • -
    • 业务收益 -

      100

      -
      • -
    • 业务笔数 -

      28

      -
      • -
    • 业务收益 -

      28

      -
      • -
    -
    - -
    -
    -
    • -
  • - +
  • 版块标题
    -
    @@ -194,31 +121,13 @@
      -
    • -
      版块标题
      -
      -
      -
      - -
      -
      -
        -
      • 总人数 -

        128

        -
        • -
      • 男职员 -

        100

        -
        • -
      • 女职员 -

        28

        -
        • - -
      -
      +
    • +
      坑位状态
      +
    • 版块标题
      -
      +
    • 版块标题
      diff --git a/bigscreen1/js/44.json b/bigscreen1/js/44.json deleted file mode 100644 index 96af016..0000000 --- a/bigscreen1/js/44.json +++ /dev/null @@ -1,28 +0,0 @@ -{"type": "FeatureCollection", -"cp":[113.4668,22.8076], -"size":"1600", -"features": -[ -{"type": "Feature","properties":{"id":"4418","name":"清远市","cp":[112.9175,24.3292],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[112.9944,24.928],[113.0164,24.8621],[112.9614,24.8236],[112.9395,24.7302],[112.9065,24.7137],[112.9175,24.6588],[112.8735,24.6204],[112.8845,24.6039],[112.9504,24.5929],[112.9834,24.5435],[113.0493,24.4775],[113.0823,24.472],[113.1042,24.4995],[113.1482,24.4775],[113.1702,24.494],[113.2031,24.483],[113.2471,24.5105],[113.269,24.4666],[113.302,24.4556],[113.3899,24.4775],[113.4448,24.4556],[113.4888,24.4885],[113.5217,24.4775],[113.5437,24.5105],[113.5876,24.5105],[113.6755,24.4666],[113.6865,24.4391],[113.6755,24.4226],[113.6975,24.4116],[113.7195,24.4116],[113.7524,24.4391],[113.7634,24.4171],[113.8074,24.4006],[113.8184,24.3512],[113.8513,24.3292],[113.8403,24.2688],[113.8733,24.2523],[113.9172,24.1974],[113.8623,24.1589],[113.8623,24.137],[113.8403,24.1205],[113.8403,24.0875],[113.8293,24.0601],[113.8074,24.0491],[113.7854,24.0216],[113.7524,24.0271],[113.7305,23.9832],[113.7744,23.9502],[113.8074,23.8953],[113.7854,23.8953],[113.7524,23.8513],[113.7085,23.8568],[113.7085,23.8184],[113.6316,23.8074],[113.6206,23.7799],[113.6316,23.703],[113.5986,23.6646],[113.5547,23.692],[113.4888,23.681],[113.4338,23.7195],[113.3679,23.7305],[113.3679,23.7085],[113.324,23.6426],[113.291,23.6426],[113.291,23.6151],[113.1921,23.5657],[113.2031,23.5437],[113.1921,23.5162],[112.9614,23.4558],[112.8955,23.4998],[112.8845,23.5217],[112.9175,23.5437],[112.9065,23.5657],[112.8955,23.5547],[112.8406,23.5712],[112.8296,23.5492],[112.7966,23.5492],[112.7966,23.5822],[112.7527,23.6096],[112.7856,23.6481],[112.7856,23.6646],[112.7197,23.692],[112.7307,23.7524],[112.6978,23.7634],[112.7087,23.8074],[112.6538,23.8129],[112.6978,23.9063],[112.6758,23.9392],[112.5989,23.9447],[112.5659,23.9777],[112.511,23.9777],[112.522,24.0161],[112.489,24.1095],[112.4341,24.1315],[112.4561,24.2303],[112.4451,24.2798],[112.4231,24.2908],[112.3572,24.3787],[112.3352,24.3677],[112.2693,24.4006],[112.2583,24.3951],[112.2583,24.2523],[112.2144,24.2413],[112.2144,24.2249],[112.1704,24.1809],[112.0825,24.2578],[112.0496,24.2468],[112.0386,24.1864],[112.0056,24.1864],[111.9617,24.2358],[111.9397,24.2358],[111.9507,24.2633],[111.9836,24.2578],[111.9946,24.2743],[112.0276,24.2963],[112.0605,24.3402],[112.0605,24.3732],[112.0276,24.4391],[111.9836,24.472],[112.0056,24.505],[112.0056,24.5325],[111.9727,24.5764],[111.9397,24.5929],[111.9287,24.6368],[111.9507,24.6588],[111.9397,24.6918],[111.9617,24.7192],[112.0276,24.7412],[112.0386,24.7742],[112.1045,24.8291],[112.1704,24.8621],[112.1704,24.9225],[112.1265,24.9554],[112.1265,24.9829],[112.1594,25.0269],[112.1484,25.0543],[112.1924,25.1862],[112.2253,25.1971],[112.2583,25.1642],[112.3022,25.1587],[112.3572,25.1917],[112.4011,25.1422],[112.4451,25.1862],[112.467,25.1532],[112.533,25.1312],[112.6648,25.1312],[112.7307,25.0598],[112.7087,25.0159],[112.7417,25.0104],[112.7417,24.9609],[112.7856,24.939],[112.7856,24.895],[112.8735,24.895],[112.9065,24.917],[112.9944,24.928]]]}}, -{"type": "Feature","properties":{"id":"4402","name":"韶关市","cp":[113.7964,24.7028],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[114.4006,24.95],[114.3896,24.906],[114.4006,24.884],[114.3457,24.8126],[114.3457,24.7797],[114.3347,24.7522],[114.2908,24.7302],[114.2798,24.7028],[114.1809,24.6753],[114.2029,24.6533],[114.2249,24.6533],[114.2908,24.6259],[114.3127,24.5764],[114.2908,24.538],[114.2688,24.5325],[114.3127,24.483],[114.2468,24.4171],[114.2468,24.3677],[114.2908,24.3512],[114.2578,24.2633],[114.2798,24.2139],[114.3018,24.2029],[114.2908,24.1754],[114.3347,24.126],[114.3457,24.1425],[114.4226,24.1425],[114.4666,24.1095],[114.4885,24.1205],[114.4666,24.1425],[114.4666,24.1699],[114.5544,24.2303],[114.5874,24.2249],[114.5984,24.1754],[114.5654,24.1534],[114.5544,24.1315],[114.5325,24.115],[114.5105,24.104],[114.4885,24.115],[114.4775,24.0875],[114.4006,24.0271],[114.3787,23.9392],[114.3457,23.8898],[114.3347,23.9008],[114.2688,23.8953],[114.2468,23.9172],[114.2468,23.9447],[114.2029,23.9447],[114.1809,23.9612],[114.1589,23.9392],[114.104,23.9227],[114.0601,23.9337],[114.0381,23.9172],[113.9941,23.9282],[113.8953,23.9117],[113.8843,23.9282],[113.8074,23.8953],[113.7744,23.9502],[113.7305,23.9832],[113.7524,24.0271],[113.7854,24.0216],[113.8074,24.0491],[113.8293,24.0601],[113.8403,24.0875],[113.8403,24.1205],[113.8623,24.137],[113.8623,24.1589],[113.9172,24.1974],[113.8733,24.2523],[113.8403,24.2688],[113.8513,24.3292],[113.8184,24.3512],[113.8074,24.4006],[113.7634,24.4171],[113.7524,24.4391],[113.7195,24.4116],[113.6975,24.4116],[113.6755,24.4226],[113.6865,24.4391],[113.6755,24.4666],[113.5876,24.5105],[113.5437,24.5105],[113.5217,24.4775],[113.4888,24.4885],[113.4448,24.4556],[113.3899,24.4775],[113.302,24.4556],[113.269,24.4666],[113.2471,24.5105],[113.2031,24.483],[113.1702,24.494],[113.1482,24.4775],[113.1042,24.4995],[113.0823,24.472],[113.0493,24.4775],[112.9834,24.5435],[112.9504,24.5929],[112.8845,24.6039],[112.8735,24.6204],[112.9175,24.6588],[112.9065,24.7137],[112.9395,24.7302],[112.9614,24.8236],[113.0164,24.8621],[112.9944,24.928],[112.9944,24.9554],[112.9504,25.0049],[113.0164,25.0818],[112.9724,25.1367],[112.9724,25.1697],[113.0273,25.2026],[112.9944,25.2521],[112.9065,25.2356],[112.8625,25.2466],[112.8516,25.3345],[112.8735,25.3235],[112.8955,25.34],[112.9065,25.3015],[112.9285,25.3015],[112.9504,25.34],[113.0273,25.351],[113.0603,25.3839],[113.0823,25.3784],[113.1042,25.4169],[113.1262,25.4114],[113.1372,25.4883],[113.1921,25.4773],[113.2361,25.5103],[113.291,25.4993],[113.291,25.5157],[113.313,25.4938],[113.313,25.4443],[113.3569,25.4388],[113.3679,25.4059],[113.4229,25.3949],[113.4448,25.3619],[113.4998,25.3729],[113.5217,25.3564],[113.5437,25.3839],[113.5547,25.3564],[113.5767,25.34],[113.5876,25.3125],[113.7524,25.3619],[113.7744,25.329],[113.8184,25.3345],[113.8403,25.3619],[113.8843,25.3949],[113.8843,25.4333],[113.9612,25.4498],[114.0051,25.4443],[113.9832,25.4059],[114.0161,25.3839],[114.0381,25.3949],[114.0271,25.3784],[114.0491,25.351],[114.0161,25.2795],[114.0271,25.2521],[114.126,25.3125],[114.1699,25.3125],[114.1919,25.296],[114.2688,25.307],[114.3018,25.2905],[114.3127,25.329],[114.3896,25.3235],[114.4336,25.3455],[114.4336,25.3784],[114.4775,25.3729],[114.5435,25.4169],[114.5764,25.3839],[114.5874,25.3894],[114.5874,25.3729],[114.6313,25.3235],[114.6973,25.3235],[114.7412,25.2795],[114.7412,25.2411],[114.7083,25.2191],[114.6863,25.1752],[114.7192,25.1587],[114.7302,25.1202],[114.6753,25.1093],[114.6753,25.0928],[114.6423,25.0763],[114.5874,25.0708],[114.5654,25.0873],[114.5435,25.0214],[114.5215,25.0269],[114.4995,24.9994],[114.4666,24.9994],[114.4006,24.95]]]}}, -{"type": "Feature","properties":{"id":"4408","name":"湛江市","cp":[110.3577,20.9894],"childNum":6},"geometry":{"type":"Polygon","coordinates":[[[110.3906,21.8903],[110.3906,21.8573],[110.3687,21.8683],[110.3357,21.8243],[110.3357,21.8079],[110.3687,21.7969],[110.3577,21.698],[110.3796,21.676],[110.4126,21.6815],[110.3796,21.6595],[110.4126,21.6156],[110.4126,21.5881],[110.4236,21.5936],[110.4346,21.5826],[110.4236,21.5607],[110.4785,21.5497],[110.4785,21.5167],[110.5005,21.5112],[110.5225,21.4838],[110.5444,21.4728],[110.5664,21.5167],[110.6213,21.4838],[110.6543,21.5002],[110.6763,21.4893],[110.6763,21.5222],[110.6982,21.5167],[110.7312,21.5387],[110.7312,21.5717],[110.7422,21.5881],[110.7312,21.6211],[110.7751,21.6486],[110.7971,21.6266],[110.7971,21.5881],[110.8191,21.5771],[110.8191,21.5497],[110.8521,21.5222],[110.8411,21.4893],[110.874,21.4948],[110.885,21.4398],[110.896,21.4288],[110.9509,21.4453],[111.0828,21.3574],[110.7642,21.3354],[110.6873,21.2585],[110.6653,21.1926],[110.6653,21.1267],[110.6433,21.0168],[110.7092,20.8795],[110.6873,20.8521],[110.6433,20.8356],[110.5225,20.8466],[110.4785,20.874],[110.4675,20.7971],[110.4346,20.7367],[110.4895,20.6927],[110.5994,20.4785],[110.6213,20.3851],[110.5994,20.2972],[110.6104,20.2478],[110.3577,20.127],[109.8193,20.061],[109.8193,20.116],[109.8743,20.2148],[109.8633,20.3192],[109.8083,20.4346],[109.7974,20.484],[109.7314,20.5389],[109.6875,20.6323],[109.6326,20.8905],[109.6545,21.0443],[109.6436,21.1432],[109.7424,21.2585],[109.7534,21.297],[109.7534,21.3794],[109.7864,21.4178],[109.7864,21.4893],[109.7534,21.5607],[109.7424,21.6211],[109.7644,21.6705],[109.7864,21.6376],[109.8962,21.6541],[109.9292,21.7365],[109.9402,21.8463],[109.9951,21.8848],[110.061,21.8573],[110.094,21.8848],[110.105,21.8683],[110.116,21.9012],[110.1379,21.8903],[110.2039,21.8958],[110.2368,21.8793],[110.2808,21.8958],[110.2917,21.9177],[110.3247,21.8903],[110.3906,21.8903]]]}}, -{"type": "Feature","properties":{"id":"4414","name":"梅州市","cp":[116.1255,24.1534],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[115.3564,23.8458],[115.3894,23.8788],[115.4114,23.9502],[115.4553,23.9722],[115.4443,24.0326],[115.4114,24.0601],[115.4443,24.1095],[115.4443,24.1315],[115.4883,24.1425],[115.5103,24.0985],[115.5322,24.104],[115.5103,24.1864],[115.5432,24.1699],[115.5432,24.1974],[115.5872,24.2468],[115.5542,24.3512],[115.5872,24.4116],[115.5762,24.4391],[115.5981,24.4611],[115.5872,24.4556],[115.5762,24.472],[115.4993,24.494],[115.4883,24.5544],[115.5103,24.5709],[115.5103,24.6039],[115.5212,24.6313],[115.5542,24.6423],[115.5872,24.6204],[115.6091,24.6259],[115.675,24.5984],[115.686,24.5435],[115.73,24.5435],[115.8398,24.5654],[115.7629,24.6698],[115.8069,24.6918],[115.7739,24.7083],[115.752,24.7522],[115.8179,24.906],[115.8948,24.873],[115.8838,24.939],[115.9717,24.917],[115.9937,24.895],[116.0376,24.9005],[116.0706,24.8511],[116.1035,24.8566],[116.1475,24.8456],[116.1914,24.8785],[116.2244,24.8346],[116.2463,24.8291],[116.2354,24.8071],[116.2463,24.7906],[116.3013,24.8016],[116.3342,24.8291],[116.3342,24.8236],[116.3452,24.8346],[116.3452,24.8621],[116.4001,24.8785],[116.3892,24.8566],[116.4221,24.8401],[116.3782,24.8236],[116.3782,24.8016],[116.3892,24.8016],[116.4221,24.7687],[116.4221,24.7412],[116.4551,24.7137],[116.488,24.7192],[116.521,24.6478],[116.51,24.6204],[116.521,24.6094],[116.5649,24.6204],[116.5979,24.6533],[116.6309,24.6423],[116.6638,24.6588],[116.7407,24.6698],[116.7517,24.6533],[116.7737,24.6753],[116.8066,24.6753],[116.8176,24.6478],[116.7517,24.5544],[116.7957,24.4995],[116.8506,24.483],[116.8616,24.4666],[116.8396,24.4446],[116.8506,24.4281],[116.9165,24.3677],[116.9165,24.3073],[116.9385,24.2798],[116.9385,24.2303],[116.8945,24.2194],[116.9055,24.2029],[116.8726,24.1644],[116.8506,24.1809],[116.8396,24.1644],[116.7847,24.1589],[116.7737,24.1315],[116.7737,24.082],[116.7517,24.082],[116.7297,24.0546],[116.7078,24.0601],[116.6968,23.9996],[116.6858,23.9886],[116.6418,23.9941],[116.6418,23.9722],[116.6199,23.9612],[116.6199,23.9502],[116.6089,23.9392],[116.5979,23.9063],[116.5649,23.9063],[116.532,23.8788],[116.499,23.8623],[116.521,23.8348],[116.499,23.7524],[116.4221,23.7744],[116.3672,23.736],[116.3342,23.7744],[116.2793,23.7634],[116.2463,23.7305],[116.2244,23.725],[116.2134,23.703],[116.1804,23.6755],[116.1914,23.6371],[116.1694,23.6151],[116.0925,23.6261],[116.0596,23.6426],[116.0486,23.6426],[116.0596,23.6316],[115.9827,23.6481],[115.9497,23.6261],[115.8948,23.6261],[115.8398,23.6591],[115.8069,23.6316],[115.8069,23.5712],[115.7959,23.5712],[115.7849,23.5162],[115.719,23.5162],[115.686,23.5547],[115.6201,23.5052],[115.6091,23.4723],[115.5981,23.4723],[115.5652,23.4393],[115.5212,23.4338],[115.5103,23.3899],[115.4773,23.3734],[115.4553,23.3789],[115.4224,23.4723],[115.4553,23.5547],[115.4224,23.6096],[115.4663,23.703],[115.4333,23.714],[115.4114,23.6975],[115.3894,23.736],[115.3894,23.7744],[115.3564,23.7579],[115.3235,23.7634],[115.3784,23.8019],[115.3564,23.8348],[115.3564,23.8458]]]}}, -{"type": "Feature","properties":{"id":"4416","name":"河源市","cp":[114.917,23.9722],"childNum":6},"geometry":{"type":"Polygon","coordinates":[[[114.3127,24.5764],[114.3677,24.5874],[114.3896,24.5654],[114.4006,24.505],[114.4226,24.4885],[114.5325,24.5599],[114.5544,24.538],[114.5874,24.538],[114.6204,24.5709],[114.6643,24.5819],[114.7083,24.5325],[114.7412,24.5654],[114.7412,24.6149],[114.8511,24.5929],[114.873,24.5654],[114.895,24.6039],[114.917,24.6643],[114.939,24.6533],[114.9939,24.6808],[115.0269,24.6698],[115.0598,24.7028],[115.1147,24.6643],[115.1257,24.6808],[115.1917,24.6918],[115.1917,24.7137],[115.2576,24.7302],[115.2795,24.7522],[115.3125,24.7577],[115.3564,24.7357],[115.3674,24.7687],[115.4114,24.7797],[115.4773,24.7632],[115.5212,24.6973],[115.5542,24.6863],[115.5542,24.6423],[115.5212,24.6313],[115.5103,24.6039],[115.5103,24.5709],[115.4883,24.5544],[115.4993,24.494],[115.5762,24.472],[115.5872,24.4556],[115.5981,24.4611],[115.5762,24.4391],[115.5872,24.4116],[115.5542,24.3512],[115.5872,24.2468],[115.5432,24.1974],[115.5432,24.1699],[115.5103,24.1864],[115.5322,24.104],[115.5103,24.0985],[115.4883,24.1425],[115.4443,24.1315],[115.4443,24.1095],[115.4114,24.0601],[115.4443,24.0326],[115.4553,23.9722],[115.4114,23.9502],[115.3894,23.8788],[115.3564,23.8458],[115.3564,23.8348],[115.3784,23.8019],[115.3235,23.7634],[115.3564,23.7579],[115.3894,23.7744],[115.3894,23.736],[115.4114,23.6975],[115.4333,23.714],[115.4663,23.703],[115.4224,23.6096],[115.4553,23.5547],[115.4224,23.4723],[115.4553,23.3789],[115.4773,23.3734],[115.4773,23.3295],[115.4883,23.3185],[115.4663,23.3075],[115.4553,23.28],[115.4224,23.28],[115.4224,23.2471],[115.4114,23.2526],[115.4004,23.2855],[115.3345,23.3185],[115.3125,23.313],[115.3015,23.324],[115.3015,23.3514],[115.2576,23.3844],[115.1147,23.3624],[115.0598,23.324],[115.0049,23.3295],[114.9939,23.2965],[114.9609,23.3185],[114.95,23.3459],[114.917,23.3405],[114.917,23.2745],[114.8621,23.2141],[114.873,23.1866],[114.8401,23.1702],[114.7852,23.2141],[114.7852,23.2635],[114.7742,23.2745],[114.7742,23.313],[114.6973,23.3624],[114.6973,23.4119],[114.6313,23.4064],[114.6973,23.4668],[114.6863,23.4943],[114.6973,23.5327],[114.6643,23.5327],[114.6533,23.5602],[114.6094,23.5327],[114.5654,23.5712],[114.5544,23.5931],[114.5654,23.6096],[114.4995,23.692],[114.4775,23.703],[114.4446,23.6865],[114.3896,23.7415],[114.3567,23.7305],[114.3457,23.7524],[114.3457,23.7909],[114.3237,23.8239],[114.3457,23.8898],[114.3787,23.9392],[114.4006,24.0271],[114.4775,24.0875],[114.4885,24.115],[114.5105,24.104],[114.5325,24.115],[114.5544,24.1315],[114.5654,24.1534],[114.5984,24.1754],[114.5874,24.2249],[114.5544,24.2303],[114.4666,24.1699],[114.4666,24.1425],[114.4885,24.1205],[114.4666,24.1095],[114.4226,24.1425],[114.3457,24.1425],[114.3347,24.126],[114.2908,24.1754],[114.3018,24.2029],[114.2798,24.2139],[114.2578,24.2633],[114.2908,24.3512],[114.2468,24.3677],[114.2468,24.4171],[114.3127,24.483],[114.2688,24.5325],[114.2908,24.538],[114.3127,24.5764]]]}}, -{"type": "Feature","properties":{"id":"4412","name":"肇庆市","cp":[112.1265,23.5822],"childNum":7},"geometry":{"type":"Polygon","coordinates":[[[111.9397,24.2358],[111.9617,24.2358],[112.0056,24.1864],[112.0386,24.1864],[112.0496,24.2468],[112.0825,24.2578],[112.1704,24.1809],[112.2144,24.2249],[112.2144,24.2413],[112.2583,24.2523],[112.2583,24.3951],[112.2693,24.4006],[112.3352,24.3677],[112.3572,24.3787],[112.4231,24.2908],[112.4451,24.2798],[112.4561,24.2303],[112.4341,24.1315],[112.489,24.1095],[112.522,24.0161],[112.511,23.9777],[112.5659,23.9777],[112.5989,23.9447],[112.6758,23.9392],[112.6978,23.9063],[112.6538,23.8129],[112.7087,23.8074],[112.6978,23.7634],[112.7307,23.7524],[112.7197,23.692],[112.7856,23.6646],[112.7856,23.6481],[112.7527,23.6096],[112.7966,23.5822],[112.7966,23.5492],[112.8296,23.5492],[112.8516,23.5272],[112.8516,23.4998],[112.8076,23.4503],[112.7856,23.3789],[112.7966,23.3679],[112.8076,23.3899],[112.8406,23.3844],[112.8845,23.3405],[112.8625,23.291],[112.8186,23.2416],[112.8296,23.2251],[112.8076,23.1921],[112.8076,23.2141],[112.7856,23.2086],[112.7637,23.2251],[112.8296,23.0164],[112.8076,22.9999],[112.7637,22.9779],[112.7417,22.9834],[112.7307,22.934],[112.6868,22.923],[112.6648,22.89],[112.5879,22.8625],[112.5659,22.8735],[112.5549,22.8296],[112.533,22.8186],[112.5,22.8241],[112.4561,22.7856],[112.3901,22.7692],[112.3792,22.7966],[112.3132,22.7911],[112.3352,22.8076],[112.3132,22.8241],[112.3132,22.901],[112.2583,22.9175],[112.2583,22.9504],[112.2803,22.9559],[112.2803,22.9779],[112.3022,23.0109],[112.2913,23.0438],[112.3022,23.0768],[112.3242,23.0878],[112.3132,23.1207],[112.2803,23.1262],[112.2363,23.1152],[112.1814,23.0713],[112.1045,23.0878],[112.0386,23.0713],[111.9836,23.0878],[111.9617,23.1317],[111.9067,23.1262],[111.8628,23.1427],[111.7639,23.1317],[111.665,23.1592],[111.6321,23.1866],[111.5771,23.1921],[111.5332,23.2196],[111.5771,23.2581],[111.5222,23.324],[111.5112,23.291],[111.4783,23.2745],[111.4563,23.2745],[111.4124,23.3185],[111.3794,23.324],[111.3794,23.313],[111.3574,23.3295],[111.3904,23.3734],[111.4014,23.4613],[111.4233,23.4668],[111.4673,23.5107],[111.4893,23.5602],[111.4893,23.6206],[111.5881,23.6481],[111.6101,23.6371],[111.6211,23.6755],[111.665,23.703],[111.6541,23.7195],[111.6211,23.725],[111.6541,23.8348],[111.687,23.8239],[111.709,23.8348],[111.8079,23.8074],[111.8298,23.8513],[111.8188,23.8953],[111.8518,23.9117],[111.8518,23.9502],[111.8738,23.9392],[111.9067,23.9502],[111.9397,23.9832],[111.9177,24.0381],[111.8848,24.082],[111.8848,24.1589],[111.8738,24.1864],[111.8848,24.2303],[111.9177,24.2194],[111.9397,24.2358]]]}}, -{"type": "Feature","properties":{"id":"4413","name":"惠州市","cp":[114.6204,23.1647],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[114.0381,23.9172],[114.0601,23.9337],[114.104,23.9227],[114.1589,23.9392],[114.1809,23.9612],[114.2029,23.9447],[114.2468,23.9447],[114.2468,23.9172],[114.2688,23.8953],[114.3347,23.9008],[114.3457,23.8898],[114.3237,23.8239],[114.3457,23.7909],[114.3457,23.7524],[114.3567,23.7305],[114.3896,23.7415],[114.4446,23.6865],[114.4775,23.703],[114.4995,23.692],[114.5654,23.6096],[114.5544,23.5931],[114.5654,23.5712],[114.6094,23.5327],[114.6533,23.5602],[114.6643,23.5327],[114.6973,23.5327],[114.6863,23.4943],[114.6973,23.4668],[114.6313,23.4064],[114.6973,23.4119],[114.6973,23.3624],[114.7742,23.313],[114.7742,23.2745],[114.7852,23.2635],[114.7852,23.2141],[114.8401,23.1702],[114.873,23.1866],[114.8621,23.2141],[114.917,23.2745],[114.917,23.3405],[114.95,23.3459],[114.9609,23.3185],[114.9939,23.2965],[115.0049,23.3295],[115.0598,23.324],[115.1147,23.3624],[115.2576,23.3844],[115.3015,23.3514],[115.3015,23.324],[115.3125,23.313],[115.3345,23.3185],[115.4004,23.2855],[115.4114,23.2526],[115.4224,23.2471],[115.4004,23.2196],[115.3455,23.1921],[115.3235,23.1592],[115.2905,23.1537],[115.2795,23.0988],[115.2466,23.0603],[115.1807,23.0383],[115.1477,22.9999],[115.1038,23.0109],[114.9939,22.9395],[114.917,22.9065],[114.939,22.879],[114.928,22.8516],[114.95,22.8296],[114.95,22.8076],[114.9829,22.7747],[115.0049,22.7692],[114.9939,22.7527],[115.0378,22.6868],[115.0049,22.6648],[114.9609,22.6099],[114.928,22.522],[114.8621,22.5],[114.7522,22.5165],[114.6973,22.5],[114.7192,22.4011],[114.7083,22.3737],[114.5874,22.3901],[114.5654,22.4066],[114.5654,22.4286],[114.6423,22.5],[114.6533,22.522],[114.6094,22.5659],[114.5874,22.6593],[114.4336,22.6593],[114.4446,22.6978],[114.4116,22.7142],[114.4226,22.7527],[114.4116,22.7747],[114.3896,22.7582],[114.3677,22.7637],[114.3457,22.7802],[114.3457,22.8076],[114.2468,22.7856],[114.2249,22.8076],[114.2358,22.879],[114.2468,22.8845],[114.2578,22.9065],[114.2139,22.9285],[114.2249,22.9614],[114.2139,22.9834],[114.1919,22.9889],[114.1699,22.9724],[114.137,22.9779],[114.126,22.9944],[114.1479,23.0273],[114.104,23.0548],[114.082,23.0933],[114.0601,23.0988],[114.0161,23.0823],[113.9722,23.1152],[113.8403,23.1152],[113.8403,23.1427],[113.8843,23.1757],[113.8953,23.2251],[113.8843,23.2635],[113.8953,23.3185],[113.8733,23.324],[113.9063,23.3459],[113.9832,23.335],[113.9832,23.3789],[113.9941,23.3899],[113.9832,23.4283],[113.9502,23.4338],[113.9502,23.4668],[113.9722,23.4723],[113.9392,23.4778],[113.9392,23.4943],[113.8623,23.5437],[113.8513,23.5657],[113.8623,23.6041],[113.8184,23.6206],[113.8184,23.6481],[113.8293,23.67],[113.8513,23.6646],[113.9063,23.6975],[113.9172,23.725],[113.9722,23.736],[114.0051,23.7634],[114.0271,23.7579],[114.0601,23.7799],[114.0381,23.7909],[114.0601,23.8458],[114.0381,23.8953],[114.0381,23.9172]]]}}, -{"type": "Feature","properties":{"id":"4409","name":"茂名市","cp":[111.0059,22.0221],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[111.0938,22.6923],[111.1267,22.6978],[111.1487,22.6318],[111.1707,22.6099],[111.2036,22.6044],[111.2256,22.5824],[111.2915,22.5879],[111.3245,22.5494],[111.2915,22.5385],[111.2695,22.4945],[111.3354,22.522],[111.3574,22.511],[111.4014,22.5165],[111.4233,22.4286],[111.4783,22.4506],[111.4783,22.4945],[111.5222,22.478],[111.5442,22.5165],[111.5881,22.5494],[111.6211,22.533],[111.6211,22.5],[111.665,22.5],[111.676,22.4835],[111.676,22.4615],[111.5991,22.3737],[111.5112,22.3627],[111.5112,22.3462],[111.4673,22.3297],[111.4563,22.2748],[111.4343,22.2803],[111.3794,22.2473],[111.3464,22.2089],[111.3245,22.1704],[111.3354,22.1155],[111.2915,22.0496],[111.3025,22.0221],[111.2805,21.9946],[111.2805,21.9562],[111.2915,21.9012],[111.4233,21.8518],[111.4233,21.8079],[111.3794,21.7694],[111.3794,21.7365],[111.4233,21.72],[111.4453,21.6925],[111.4124,21.6376],[111.4233,21.6156],[111.4233,21.5936],[111.4563,21.5277],[111.4343,21.4728],[111.3904,21.3794],[111.3245,21.3464],[111.1487,21.3409],[111.0828,21.3574],[110.9509,21.4453],[110.896,21.4288],[110.885,21.4398],[110.874,21.4948],[110.8411,21.4893],[110.8521,21.5222],[110.8191,21.5497],[110.8191,21.5771],[110.7971,21.5881],[110.7971,21.6266],[110.7751,21.6486],[110.7312,21.6211],[110.7422,21.5881],[110.7312,21.5717],[110.7312,21.5387],[110.6982,21.5167],[110.6763,21.5222],[110.6763,21.4893],[110.6543,21.5002],[110.6213,21.4838],[110.5664,21.5167],[110.5444,21.4728],[110.5225,21.4838],[110.5005,21.5112],[110.4785,21.5167],[110.4785,21.5497],[110.4236,21.5607],[110.4346,21.5826],[110.4236,21.5936],[110.4126,21.5881],[110.4126,21.6156],[110.3796,21.6595],[110.4126,21.6815],[110.3796,21.676],[110.3577,21.698],[110.3687,21.7969],[110.3357,21.8079],[110.3357,21.8243],[110.3687,21.8683],[110.3906,21.8573],[110.3906,21.8903],[110.3906,21.9122],[110.3796,21.9397],[110.3906,21.9562],[110.3577,21.9781],[110.3687,22.0056],[110.3467,22.0935],[110.3687,22.121],[110.3247,22.1594],[110.3467,22.1924],[110.3796,22.1649],[110.4126,22.2089],[110.4346,22.2034],[110.5005,22.1429],[110.5664,22.1979],[110.5994,22.1814],[110.6104,22.1539],[110.6323,22.1484],[110.6653,22.1649],[110.6763,22.1869],[110.6433,22.2253],[110.6543,22.2418],[110.6873,22.2473],[110.7202,22.2968],[110.7532,22.2748],[110.7861,22.2803],[110.7422,22.3627],[110.7092,22.3737],[110.7202,22.4341],[110.6873,22.4725],[110.7422,22.467],[110.7642,22.5769],[110.7751,22.5879],[110.8081,22.5604],[110.8301,22.5879],[110.885,22.5824],[110.896,22.6099],[110.9509,22.6099],[110.9619,22.6318],[111.0059,22.6373],[111.0278,22.6538],[111.0498,22.6483],[111.0938,22.6923]]]}}, -{"type": "Feature","properties":{"id":"4407","name":"江门市","cp":[112.6318,22.1484],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[112.1594,22.3901],[112.1814,22.3792],[112.1924,22.4066],[112.2473,22.4121],[112.2363,22.4341],[112.2583,22.5],[112.3022,22.511],[112.3132,22.5549],[112.3462,22.5439],[112.3792,22.5549],[112.3792,22.5879],[112.4231,22.6483],[112.4341,22.6538],[112.4451,22.5989],[112.467,22.5879],[112.5,22.5989],[112.522,22.6154],[112.478,22.7032],[112.511,22.7307],[112.5439,22.7142],[112.5549,22.6923],[112.5439,22.6483],[112.5549,22.6428],[112.5989,22.6813],[112.5879,22.6978],[112.6428,22.7252],[112.6648,22.7197],[112.6978,22.7582],[112.7197,22.7032],[112.7637,22.6978],[112.8076,22.7252],[112.8186,22.8021],[112.8735,22.8406],[112.9175,22.8516],[112.9834,22.8021],[113.0603,22.8021],[113.0933,22.7032],[113.1702,22.6648],[113.1592,22.6208],[113.1921,22.5385],[113.2361,22.478],[113.2581,22.3901],[113.2251,22.4011],[113.2031,22.3846],[113.1592,22.4121],[113.1921,22.3572],[113.1812,22.2913],[113.1702,22.2418],[113.0933,22.1869],[113.0933,22.1539],[113.0603,22.0715],[113.0603,21.8408],[113.0603,21.7584],[112.9614,21.6925],[112.9504,21.6705],[112.9395,21.5881],[112.8845,21.5552],[112.7856,21.5497],[112.7087,21.5771],[112.6318,21.5607],[112.5659,21.5662],[112.533,21.5442],[112.478,21.4838],[112.3901,21.4453],[112.3352,21.4673],[112.3132,21.5497],[112.2913,21.7365],[112.3352,21.7749],[112.3242,21.8024],[112.3682,21.8628],[112.3462,21.8848],[112.3352,21.9617],[112.2253,22.0166],[112.2253,22.066],[112.1924,22.066],[112.1594,22.0935],[112.1265,22.099],[112.1045,22.1375],[112.0386,22.121],[112.0496,22.1429],[112.0386,22.1704],[112.0496,22.2034],[112.0056,22.2473],[112.0166,22.2693],[112.0386,22.2638],[112.0605,22.2803],[112.0825,22.3462],[112.1484,22.3407],[112.1594,22.3901]]]}}, -{"type": "Feature","properties":{"id":"4417","name":"阳江市","cp":[111.8298,22.0715],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[111.3794,22.2473],[111.4343,22.2803],[111.4563,22.2748],[111.4673,22.3297],[111.5112,22.3462],[111.5112,22.3627],[111.5991,22.3737],[111.676,22.4615],[111.676,22.4835],[111.709,22.4945],[111.731,22.5659],[111.8188,22.6318],[111.8079,22.6538],[111.8298,22.6758],[111.8518,22.6758],[111.8738,22.6538],[111.8518,22.6318],[111.8628,22.6099],[111.8298,22.5934],[111.8958,22.5714],[111.9617,22.6373],[111.9946,22.5934],[111.9727,22.5439],[112.0056,22.478],[112.0825,22.4176],[112.1484,22.4121],[112.1594,22.3901],[112.1484,22.3407],[112.0825,22.3462],[112.0605,22.2803],[112.0386,22.2638],[112.0166,22.2693],[112.0056,22.2473],[112.0496,22.2034],[112.0386,22.1704],[112.0496,22.1429],[112.0386,22.121],[112.1045,22.1375],[112.1265,22.099],[112.1594,22.0935],[112.1924,22.066],[112.2253,22.066],[112.2253,22.0166],[112.3352,21.9617],[112.3462,21.8848],[112.3682,21.8628],[112.3242,21.8024],[112.3352,21.7749],[112.2913,21.7365],[112.3132,21.5497],[112.2693,21.5497],[112.2473,21.5662],[112.2363,21.5222],[112.1924,21.5057],[111.8848,21.5057],[111.7969,21.5112],[111.7529,21.5332],[111.698,21.5002],[111.5112,21.5002],[111.4673,21.4673],[111.4343,21.4728],[111.4563,21.5277],[111.4233,21.5936],[111.4233,21.6156],[111.4124,21.6376],[111.4453,21.6925],[111.4233,21.72],[111.3794,21.7365],[111.3794,21.7694],[111.4233,21.8079],[111.4233,21.8518],[111.2915,21.9012],[111.2805,21.9562],[111.2805,21.9946],[111.3025,22.0221],[111.2915,22.0496],[111.3354,22.1155],[111.3245,22.1704],[111.3464,22.2089],[111.3794,22.2473]]]}}, -{"type": "Feature","properties":{"id":"4453","name":"云浮市","cp":[111.7859,22.8516],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[111.3794,23.313],[111.3794,23.324],[111.4124,23.3185],[111.4563,23.2745],[111.4783,23.2745],[111.5112,23.291],[111.5222,23.324],[111.5771,23.2581],[111.5332,23.2196],[111.5771,23.1921],[111.6321,23.1866],[111.665,23.1592],[111.7639,23.1317],[111.8628,23.1427],[111.9067,23.1262],[111.9617,23.1317],[111.9836,23.0878],[112.0386,23.0713],[112.1045,23.0878],[112.1814,23.0713],[112.2363,23.1152],[112.2803,23.1262],[112.3132,23.1207],[112.3242,23.0878],[112.3022,23.0768],[112.2913,23.0438],[112.3022,23.0109],[112.2803,22.9779],[112.2803,22.9559],[112.2583,22.9504],[112.2583,22.9175],[112.3132,22.901],[112.3132,22.8241],[112.3352,22.8076],[112.3132,22.7911],[112.3792,22.7966],[112.3901,22.7692],[112.4121,22.6703],[112.4231,22.6703],[112.4561,22.7142],[112.478,22.7032],[112.522,22.6154],[112.5,22.5989],[112.467,22.5879],[112.4451,22.5989],[112.4341,22.6538],[112.4231,22.6483],[112.3792,22.5879],[112.3792,22.5549],[112.3462,22.5439],[112.3132,22.5549],[112.3022,22.511],[112.2583,22.5],[112.2363,22.4341],[112.2473,22.4121],[112.1924,22.4066],[112.1814,22.3792],[112.1594,22.3901],[112.1484,22.4121],[112.0825,22.4176],[112.0056,22.478],[111.9727,22.5439],[111.9946,22.5934],[111.9617,22.6373],[111.8958,22.5714],[111.8298,22.5934],[111.8628,22.6099],[111.8518,22.6318],[111.8738,22.6538],[111.8518,22.6758],[111.8298,22.6758],[111.8079,22.6538],[111.8188,22.6318],[111.731,22.5659],[111.709,22.4945],[111.676,22.4835],[111.665,22.5],[111.6211,22.5],[111.6211,22.533],[111.5881,22.5494],[111.5442,22.5165],[111.5222,22.478],[111.4783,22.4945],[111.4783,22.4506],[111.4233,22.4286],[111.4014,22.5165],[111.3574,22.511],[111.3354,22.522],[111.2695,22.4945],[111.2915,22.5385],[111.3245,22.5494],[111.2915,22.5879],[111.2256,22.5824],[111.2036,22.6044],[111.1707,22.6099],[111.1487,22.6318],[111.1267,22.6978],[111.0938,22.6923],[111.0608,22.7307],[111.1047,22.7417],[111.2036,22.7362],[111.2585,22.7911],[111.2915,22.8076],[111.3135,22.8461],[111.3574,22.8955],[111.3794,22.9285],[111.3684,22.9669],[111.4014,22.9834],[111.3904,23.0054],[111.4233,23.0328],[111.4343,23.0603],[111.3904,23.0658],[111.3794,23.0933],[111.3794,23.1482],[111.4014,23.1592],[111.3794,23.1757],[111.3904,23.2141],[111.3684,23.2361],[111.3794,23.2635],[111.3574,23.2855],[111.3794,23.313]]]}}, -{"type": "Feature","properties":{"id":"4401","name":"广州市","cp":[113.5107,23.2196],"childNum":13},"geometry":{"type":"Polygon","coordinates":[[[112.9614,23.4558],[113.1921,23.5162],[113.2031,23.5437],[113.1921,23.5657],[113.291,23.6151],[113.291,23.6426],[113.324,23.6426],[113.3679,23.7085],[113.3679,23.7305],[113.4338,23.7195],[113.4888,23.681],[113.5547,23.692],[113.5986,23.6646],[113.6316,23.703],[113.6206,23.7799],[113.6316,23.8074],[113.7085,23.8184],[113.7085,23.8568],[113.7524,23.8513],[113.7854,23.8953],[113.8074,23.8953],[113.8843,23.9282],[113.8953,23.9117],[113.9941,23.9282],[114.0381,23.9172],[114.0381,23.8953],[114.0601,23.8458],[114.0381,23.7909],[114.0601,23.7799],[114.0271,23.7579],[114.0051,23.7634],[113.9722,23.736],[113.9172,23.725],[113.9063,23.6975],[113.8513,23.6646],[113.8293,23.67],[113.8184,23.6481],[113.8184,23.6206],[113.8623,23.6041],[113.8513,23.5657],[113.8623,23.5437],[113.9392,23.4943],[113.9392,23.4778],[113.9722,23.4723],[113.9502,23.4668],[113.9502,23.4338],[113.9832,23.4283],[113.9941,23.3899],[113.9832,23.3789],[113.9832,23.335],[113.9063,23.3459],[113.8733,23.324],[113.8953,23.3185],[113.8843,23.2635],[113.8953,23.2251],[113.8843,23.1757],[113.8403,23.1427],[113.8403,23.1152],[113.7305,23.1427],[113.5547,23.0768],[113.5217,23.0438],[113.5657,22.8571],[113.6755,22.7197],[113.7195,22.6538],[113.7415,22.5385],[113.6865,22.5165],[113.6536,22.5165],[113.6206,22.5714],[113.5657,22.5934],[113.5327,22.6483],[113.5327,22.6703],[113.4558,22.7362],[113.3679,22.7747],[113.3569,22.7966],[113.3789,22.7966],[113.3899,22.8186],[113.313,22.8296],[113.302,22.879],[113.28,22.89],[113.291,22.9449],[113.2471,22.9779],[113.2581,23.0383],[113.2141,23.0438],[113.1812,23.0658],[113.2141,23.0823],[113.2141,23.1372],[113.1921,23.1537],[113.2141,23.1866],[113.1812,23.2196],[113.1812,23.2745],[113.1262,23.3075],[113.0713,23.28],[113.0823,23.2526],[113.0493,23.2526],[113.0493,23.2745],[113.0273,23.302],[113.0383,23.3514],[112.9834,23.3569],[112.9834,23.3954],[112.9944,23.4009],[112.9834,23.4338],[112.9614,23.4338],[112.9614,23.4558]]]}}, -{"type": "Feature","properties":{"id":"4415","name":"汕尾市","cp":[115.5762,23.0438],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[115.4224,23.2471],[115.4224,23.28],[115.4553,23.28],[115.4663,23.3075],[115.4883,23.3185],[115.4773,23.3295],[115.4773,23.3734],[115.5103,23.3899],[115.5212,23.4338],[115.5652,23.4393],[115.5981,23.4723],[115.6091,23.4723],[115.686,23.4064],[115.675,23.3569],[115.7739,23.3844],[115.8179,23.335],[115.8069,23.324],[115.7959,23.2855],[115.8289,23.2581],[115.7629,23.2471],[115.752,23.1976],[115.741,23.2086],[115.73,23.1866],[115.8289,23.1207],[115.8508,23.0988],[115.8618,23.1152],[115.9167,23.1207],[115.9277,23.0768],[115.9607,23.0493],[115.9277,23.0164],[115.9497,23.0054],[115.9497,22.9614],[115.9827,22.9285],[116.0046,22.9449],[116.1035,22.89],[116.1365,22.901],[116.1584,22.8845],[116.1804,22.9285],[116.2244,22.9285],[116.2244,22.8461],[116.2024,22.8351],[116.1255,22.7856],[116.0156,22.7692],[115.9277,22.7142],[115.8618,22.6978],[115.7959,22.7032],[115.6421,22.7692],[115.6311,22.6758],[115.6091,22.6483],[115.5542,22.6154],[115.4663,22.6154],[115.3674,22.6813],[115.2795,22.7142],[115.0378,22.6868],[114.9939,22.7527],[115.0049,22.7692],[114.9829,22.7747],[114.95,22.8076],[114.95,22.8296],[114.928,22.8516],[114.939,22.879],[114.917,22.9065],[114.9939,22.9395],[115.1038,23.0109],[115.1477,22.9999],[115.1807,23.0383],[115.2466,23.0603],[115.2795,23.0988],[115.2905,23.1537],[115.3235,23.1592],[115.3455,23.1921],[115.4004,23.2196],[115.4224,23.2471]]]}}, -{"type": "Feature","properties":{"id":"4452","name":"揭阳市","cp":[116.1255,23.313],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[115.6091,23.4723],[115.6201,23.5052],[115.686,23.5547],[115.719,23.5162],[115.7849,23.5162],[115.7959,23.5712],[115.8069,23.5712],[115.8069,23.6316],[115.8398,23.6591],[115.8948,23.6261],[115.9497,23.6261],[115.9827,23.6481],[116.0596,23.6316],[116.0486,23.6426],[116.0596,23.6426],[116.0925,23.6261],[116.1694,23.6151],[116.1914,23.6371],[116.1804,23.6755],[116.2134,23.703],[116.2244,23.725],[116.2463,23.7305],[116.2793,23.7634],[116.3342,23.7744],[116.3672,23.736],[116.3672,23.714],[116.4001,23.692],[116.51,23.6536],[116.532,23.6151],[116.532,23.5822],[116.5649,23.5657],[116.543,23.5217],[116.543,23.4998],[116.5649,23.4778],[116.6199,23.4613],[116.6309,23.4283],[116.5759,23.4613],[116.5979,23.4338],[116.5759,23.3789],[116.532,23.4338],[116.4771,23.4393],[116.488,23.4943],[116.4551,23.4943],[116.4221,23.4668],[116.4111,23.5107],[116.3672,23.4943],[116.3452,23.4558],[116.3123,23.4393],[116.3452,23.4064],[116.3562,23.3459],[116.3232,23.335],[116.3232,23.313],[116.2683,23.2141],[116.2573,23.1427],[116.2903,23.0988],[116.3342,23.1042],[116.3562,23.0603],[116.3892,23.0438],[116.4331,23.0603],[116.4441,23.0823],[116.4771,23.1042],[116.5979,23.1097],[116.6199,22.9504],[116.543,22.8845],[116.488,22.8571],[116.4111,22.8571],[116.3123,22.8845],[116.2244,22.8461],[116.2244,22.9285],[116.1804,22.9285],[116.1584,22.8845],[116.1365,22.901],[116.1035,22.89],[116.0046,22.9449],[115.9827,22.9285],[115.9497,22.9614],[115.9497,23.0054],[115.9277,23.0164],[115.9607,23.0493],[115.9277,23.0768],[115.9167,23.1207],[115.8618,23.1152],[115.8508,23.0988],[115.8289,23.1207],[115.73,23.1866],[115.741,23.2086],[115.752,23.1976],[115.7629,23.2471],[115.8289,23.2581],[115.7959,23.2855],[115.8069,23.324],[115.8179,23.335],[115.7739,23.3844],[115.675,23.3569],[115.686,23.4064],[115.6091,23.4723]]]}}, -{"type": "Feature","properties":{"id":"4404","name":"珠海市","cp":[113.7305,22.1155],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.0603,22.0715],[113.0933,22.1539],[113.0933,22.1869],[113.1702,22.2418],[113.1812,22.2913],[113.1921,22.3572],[113.1592,22.4121],[113.2031,22.3846],[113.2251,22.4011],[113.2581,22.3901],[113.324,22.3297],[113.3459,22.2473],[113.4119,22.2089],[113.4119,22.1759],[113.4338,22.2034],[113.5107,22.2528],[113.4778,22.3077],[113.4998,22.3297],[113.4888,22.3846],[113.4998,22.4066],[113.5657,22.4121],[113.6426,22.4506],[113.6975,22.4396],[113.7854,22.3572],[113.8293,22.2363],[113.8184,22.2144],[113.8403,22.1814],[113.9282,22.132],[113.9392,22.1429],[114.2578,22.1375],[114.3347,22.1484],[114.3896,22.099],[114.4116,22.0496],[114.3787,22.0001],[114.1479,21.9562],[114.071,21.9287],[114.0161,21.8738],[113.9941,21.8079],[113.9722,21.7804],[113.9172,21.7969],[113.8513,21.9012],[113.7415,21.9012],[113.6646,21.9232],[113.6096,22.0221],[113.5767,22.0331],[113.4668,21.9946],[113.335,21.8683],[113.1812,21.8353],[113.0603,21.8408],[113.0603,22.0715]],[[113.5986,22.1649],[113.6096,22.1265],[113.5547,22.1045],[113.5327,22.1869],[113.5437,22.2034],[113.5657,22.2089],[113.5986,22.1649]]]}}, -{"type": "Feature","properties":{"id":"4406","name":"佛山市","cp":[112.8955,23.1097],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[112.3901,22.7692],[112.4561,22.7856],[112.5,22.8241],[112.533,22.8186],[112.5549,22.8296],[112.5659,22.8735],[112.5879,22.8625],[112.6648,22.89],[112.6868,22.923],[112.7307,22.934],[112.7417,22.9834],[112.7637,22.9779],[112.8076,22.9999],[112.8296,23.0164],[112.7637,23.2251],[112.7856,23.2086],[112.8076,23.2141],[112.8076,23.1921],[112.8296,23.2251],[112.8186,23.2416],[112.8625,23.291],[112.8845,23.3405],[112.8406,23.3844],[112.8076,23.3899],[112.7966,23.3679],[112.7856,23.3789],[112.8076,23.4503],[112.8516,23.4998],[112.8516,23.5272],[112.8296,23.5492],[112.8406,23.5712],[112.8955,23.5547],[112.9065,23.5657],[112.9175,23.5437],[112.8845,23.5217],[112.8955,23.4998],[112.9614,23.4558],[112.9614,23.4338],[112.9834,23.4338],[112.9944,23.4009],[112.9834,23.3954],[112.9834,23.3569],[113.0383,23.3514],[113.0273,23.302],[113.0493,23.2745],[113.0493,23.2526],[113.0823,23.2526],[113.0713,23.28],[113.1262,23.3075],[113.1812,23.2745],[113.1812,23.2196],[113.2141,23.1866],[113.1921,23.1537],[113.2141,23.1372],[113.2141,23.0823],[113.1812,23.0658],[113.2141,23.0438],[113.2581,23.0383],[113.2471,22.9779],[113.291,22.9449],[113.28,22.89],[113.302,22.879],[113.313,22.8296],[113.3899,22.8186],[113.3789,22.7966],[113.3569,22.7966],[113.3679,22.7747],[113.313,22.7362],[113.269,22.7252],[113.2471,22.7472],[113.2031,22.6758],[113.1702,22.6648],[113.0933,22.7032],[113.0603,22.8021],[112.9834,22.8021],[112.9175,22.8516],[112.8735,22.8406],[112.8186,22.8021],[112.8076,22.7252],[112.7637,22.6978],[112.7197,22.7032],[112.6978,22.7582],[112.6648,22.7197],[112.6428,22.7252],[112.5879,22.6978],[112.5989,22.6813],[112.5549,22.6428],[112.5439,22.6483],[112.5549,22.6923],[112.5439,22.7142],[112.511,22.7307],[112.478,22.7032],[112.4561,22.7142],[112.4231,22.6703],[112.4121,22.6703],[112.3901,22.7692]]]}}, -{"type": "Feature","properties":{"id":"4451","name":"潮州市","cp":[116.7847,23.8293],"childNum":3},"geometry":{"type":"Polygon","coordinates":[[[116.3672,23.736],[116.4221,23.7744],[116.499,23.7524],[116.521,23.8348],[116.499,23.8623],[116.532,23.8788],[116.5649,23.9063],[116.5979,23.9063],[116.6089,23.9392],[116.6199,23.9502],[116.6199,23.9612],[116.6418,23.9722],[116.6418,23.9941],[116.6858,23.9886],[116.6968,23.9996],[116.7078,24.0601],[116.7297,24.0546],[116.7517,24.082],[116.7737,24.082],[116.7737,24.1315],[116.7847,24.1589],[116.8396,24.1644],[116.8506,24.1809],[116.8726,24.1644],[116.9055,24.2029],[116.8945,24.2194],[116.9385,24.2303],[116.9934,24.1809],[116.9385,24.137],[116.9275,24.0985],[116.9275,24.0656],[116.9495,24.0546],[116.9495,24.0106],[116.9824,23.9941],[116.9714,23.9063],[116.9824,23.8678],[117.0264,23.8403],[117.0154,23.8019],[117.0593,23.7415],[117.0593,23.692],[117.2021,23.6261],[117.1912,23.5492],[116.9934,23.4723],[116.9055,23.4833],[116.9055,23.6096],[116.8396,23.6481],[116.8176,23.6371],[116.8286,23.6151],[116.7957,23.6096],[116.7847,23.5822],[116.7188,23.5931],[116.7078,23.5272],[116.7188,23.4668],[116.6748,23.4283],[116.6309,23.4283],[116.6199,23.4613],[116.5649,23.4778],[116.543,23.4998],[116.543,23.5217],[116.5649,23.5657],[116.532,23.5822],[116.532,23.6151],[116.51,23.6536],[116.4001,23.692],[116.3672,23.714],[116.3672,23.736]]]}}, -{"type": "Feature","properties":{"id":"4405","name":"汕头市","cp":[117.1692,23.3405],"childNum":2},"geometry":{"type":"Polygon","coordinates":[[[116.4551,23.4943],[116.488,23.4943],[116.4771,23.4393],[116.532,23.4338],[116.5759,23.3789],[116.5979,23.4338],[116.5759,23.4613],[116.6309,23.4283],[116.6748,23.4283],[116.7188,23.4668],[116.7078,23.5272],[116.7188,23.5931],[116.7847,23.5822],[116.7957,23.6096],[116.8286,23.6151],[116.8176,23.6371],[116.8396,23.6481],[116.9055,23.6096],[116.9055,23.4833],[116.9934,23.4723],[117.1912,23.5492],[117.2021,23.4668],[117.2241,23.4064],[117.2351,23.3789],[117.345,23.302],[117.356,23.28],[117.356,23.2196],[117.334,23.2031],[117.2571,23.1921],[117.1912,23.2526],[117.1033,23.2965],[117.0264,23.3624],[116.9055,23.3569],[116.8066,23.3075],[116.8176,23.269],[116.8506,23.2196],[116.8396,23.1921],[116.7297,23.1702],[116.6858,23.1372],[116.6309,23.1372],[116.5979,23.1097],[116.4771,23.1042],[116.4441,23.0823],[116.4331,23.0603],[116.3892,23.0438],[116.3562,23.0603],[116.3342,23.1042],[116.2903,23.0988],[116.2573,23.1427],[116.2683,23.2141],[116.3232,23.313],[116.3232,23.335],[116.3562,23.3459],[116.3452,23.4064],[116.3123,23.4393],[116.3452,23.4558],[116.3672,23.4943],[116.4111,23.5107],[116.4221,23.4668],[116.4551,23.4943]]]}}, -{"type": "Feature","properties":{"id":"4403","name":"深圳市","cp":[114.5435,22.5439],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.6755,22.7197],[113.7524,22.7252],[113.7964,22.7582],[113.7964,22.7856],[113.8403,22.8021],[113.8513,22.8351],[113.8953,22.8461],[113.9392,22.8406],[113.9941,22.7966],[114.0051,22.7637],[114.0601,22.7582],[114.1479,22.7087],[114.1589,22.6813],[114.1589,22.6648],[114.1809,22.6538],[114.2139,22.7362],[114.1809,22.7747],[114.2249,22.8076],[114.2468,22.7856],[114.3457,22.8076],[114.3457,22.7802],[114.3677,22.7637],[114.3896,22.7582],[114.4116,22.7747],[114.4226,22.7527],[114.4116,22.7142],[114.4446,22.6978],[114.4336,22.6593],[114.5874,22.6593],[114.6094,22.5659],[114.6533,22.522],[114.6423,22.5],[114.5654,22.4286],[114.5105,22.4176],[114.4775,22.4341],[114.4556,22.467],[114.4556,22.533],[114.4336,22.5604],[114.2798,22.5604],[114.2358,22.5439],[114.1699,22.5549],[114.126,22.5275],[114.093,22.533],[114.0601,22.5],[114.0051,22.5055],[113.8843,22.4286],[113.8733,22.3242],[113.8293,22.2363],[113.7854,22.3572],[113.6975,22.4396],[113.6865,22.5],[113.6865,22.5165],[113.7415,22.5385],[113.7195,22.6538],[113.6755,22.7197]]]}}, -{"type": "Feature","properties":{"id":"4419","name":"东莞市","cp":[113.8953,22.901],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.8403,23.1152],[113.9722,23.1152],[114.0161,23.0823],[114.0601,23.0988],[114.082,23.0933],[114.104,23.0548],[114.1479,23.0273],[114.126,22.9944],[114.137,22.9779],[114.1699,22.9724],[114.1919,22.9889],[114.2139,22.9834],[114.2249,22.9614],[114.2139,22.9285],[114.2578,22.9065],[114.2468,22.8845],[114.2358,22.879],[114.2249,22.8076],[114.1809,22.7747],[114.2139,22.7362],[114.1809,22.6538],[114.1589,22.6648],[114.1589,22.6813],[114.1479,22.7087],[114.0601,22.7582],[114.0051,22.7637],[113.9941,22.7966],[113.9392,22.8406],[113.8953,22.8461],[113.8513,22.8351],[113.8403,22.8021],[113.7964,22.7856],[113.7964,22.7582],[113.7524,22.7252],[113.6755,22.7197],[113.5657,22.8571],[113.5217,23.0438],[113.5547,23.0768],[113.7305,23.1427],[113.8403,23.1152]]]}}, -{"type": "Feature","properties":{"id":"4420","name":"中山市","cp":[113.4229,22.478],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.1702,22.6648],[113.2031,22.6758],[113.2471,22.7472],[113.269,22.7252],[113.313,22.7362],[113.3679,22.7747],[113.4558,22.7362],[113.5327,22.6703],[113.5327,22.6483],[113.5657,22.5934],[113.6206,22.5714],[113.6536,22.5165],[113.6865,22.5165],[113.6865,22.5],[113.6975,22.4396],[113.6426,22.4506],[113.5657,22.4121],[113.4998,22.4066],[113.4888,22.3846],[113.4998,22.3297],[113.4778,22.3077],[113.5107,22.2528],[113.4338,22.2034],[113.4119,22.1759],[113.4119,22.2089],[113.3459,22.2473],[113.324,22.3297],[113.2581,22.3901],[113.2361,22.478],[113.1921,22.5385],[113.1592,22.6208],[113.1702,22.6648]]]}} -] -} \ No newline at end of file diff --git a/bigscreen1/js/area_echarts.js b/bigscreen1/js/area_echarts.js deleted file mode 100644 index 9eb572d..0000000 --- a/bigscreen1/js/area_echarts.js +++ /dev/null @@ -1,242 +0,0 @@ - -function echarts_map() { -var myChart = echarts.init(document.getElementById('map_1')); -var guangdong = "js/44.json"; -$.get(guangdong, function(tjJson) { - echarts.registerMap('guangdong', tjJson); - myChart.setOption({ - series: [{ - type: 'map', - map: 'guangdong' - }] - }); - - var geoCoordMap = { - '珠海市': [113.353986,21.924979] - ,'广州市':[113.480637,23.125178] - ,'湛江市':[110.264977,21.274898] - ,'茂名市':[110.919229,21.659751] - ,'阳江市':[111.825107,21.859222] - ,'云浮市':[112.044439,22.629801] - ,'肇庆市':[112.472529,23.051546] - ,'江门市':[112.894942,22.090431] - ,'中山市':[113.382391,22.321113] - ,'佛山市':[113.022717,22.828762] - ,'清远市':[113.051227,23.685022] - ,'韶关市':[113.601224,24.820603] - ,'河源市':[114.897802,23.746266] - ,'梅州市':[116.117582,24.099112] - ,'潮州市':[116.692301,23.661701] - ,'揭阳市':[116.255733,23.143778] - ,'汕头市':[116.708463,22.87102] - ,'汕尾市':[115.364238,22.774485] - ,'深圳市':[114.085947,22.347] - ,'东莞市':[113.746262,22.746237] - ,'惠州市':[114.412599,23.079404] - }; - var goData = [{ - name: '河源市', - value: 32 - },{ - name: '湛江市', - value: 24 - },{ - name: '韶关市', - value: 20 - },{ - name: '汕尾市', - value: 18 - },{ - name: '揭阳市', - value: 18 - } - ]; - var goTotal=0;//计算总人数 - goData.forEach(function(item,i){ - goTotal+=item.value; - }) - - var planePath = 'arrow'; - - var convertData = function(name, data) { - var res = []; - for (var i = 0; i < data.length; i++) { - var fromCoord = geoCoordMap[name]; - var toCoord = geoCoordMap[data[i].name]; - if (fromCoord && toCoord) { - res.push({ - //对换即可调整方向 - coords: [fromCoord, toCoord] - }); - } - } - return res; - }; - var series = []; - [ - ['广州市', goData], - // ['徐州', backData], - - ].forEach(function(item, i) { - series.push({ - name: item[0], - type: 'lines', - zlevel: 2, - //线特效配置 - effect: { - show: true, - period: 6, - trailLength: 0.1, - symbol: planePath, //标记类型 - symbolSize: 10 - }, - lineStyle: { - normal: { - width: 1, - opacity: 0.4, - curveness: 0.2, //弧线角度 - color: 'rgba(255,255,255,.1)' - } - }, - data: convertData(item[0], item[1]) - }, { //终点 - name: item[0], - type: 'scatter', - coordinateSystem: 'geo', - zlevel: 2, - label: { - normal: { - show: false, - color: 'rgba(255,255,255,.5)', - position: 'right', - formatter: '{b}' - } - }, - symbol: 'circle', - //圆点大小 - symbolSize: function(val) { - return val[2]*50 / goTotal; - }, - itemStyle: { - normal: { - show: true - } - }, - data: item[1].map(function(dataItem) { - console.log(dataItem) - return { - name: dataItem.name, - value: geoCoordMap[dataItem.name].concat([dataItem.value]) - }; - }) - - }, {//起点 - name: 'item[0]', - type: 'scatter', - coordinateSystem: 'geo', - zlevel: 2, - label: { - normal: { - show: true, - position: 'right', - formatter: '{b}' - } - }, - symbolSize: function(val) { - return 15; - }, - symbol: 'circle', - - itemStyle: { - normal: { - show: true - } - }, - data: [{ - name: item[0], - value: geoCoordMap[item[0]].concat([100]) - }] - - }) - - }); - - - option = { - // backgroundColor: '#FDF7F2', - title: { - text: '业务覆盖', - subtext: '2016-2018年数据', - left: 'center', - bottom:'15%', - textStyle: { - color: '#fff' - } - }, - - tooltip: { - trigger: 'item', - formatter: "{b}" - }, - //线颜色及飞行轨道颜色 - visualMap: { - show: false, - min: 0, - max: 100, - color: ['#fff'] - }, - //地图相关设置 - geo: { - map: 'guangdong', - //视角缩放比例 - zoom: 1, - //显示文本样式 - label: { - normal: { - show: true, - textStyle: { - color: 'rgba(255,255,255,.3)' - } - }, - emphasis: { - textStyle: { - color: '#fff' - } - } - }, - //鼠标缩放和平移 - roam: false, - itemStyle: { - normal: { - areaColor: '#4256ff', - borderColor: '#404a59' - }, - emphasis: { - areaColor: '#2539f5' - } - } - }, - series: series - }; - - myChart.setOption(option); - window.addEventListener("resize",function(){ - myChart.resize(); - }); -}) - - - // 使用刚指定的配置项和数据显示图表。 - - } - - - - - - $(window).load(function(){ -echarts_map() - }) -// }) - - diff --git a/bigscreen1/js/js.js b/bigscreen1/js/js.js index 4e83d52..588e2da 100644 --- a/bigscreen1/js/js.js +++ b/bigscreen1/js/js.js @@ -1,764 +1,331 @@ - $(window).load(function(){$(".loading").fadeOut()}) -$(function () { - echarts_1(); -echarts_4() -echarts_31() -function echarts_1() { - // 基于准备好的dom，初始化echarts实例 - var myChart = echarts.init(document.getElementById('echart1')); - var data = [{ - title: '**省' - }, - ['本周'], - [{ - name: '文本1', - max: 150 - }, { - name: '文本2', - max: 150 - }, { - name: '文本3', - max: 150 - }, { - name: '文本4', - max: 150 - }, { - name: '文本5', - max: 150 - }], - [43, 100, 28, 3, 150], -] -option = { +$(window).load(function () { $(".loading").fadeOut() }) - color: ['#9DD060', '#35C96E', '#4DCEF8'], - - tooltip: {}, - - radar: { - center: ['50%', '50%'], - radius: ["25%", "70%"], - - name: { - textStyle: { - color: '#72ACD1' - } - }, - - splitLine: { +$(function () { - lineStyle: { + echarts_1(); - color: 'rgba(255,255,255,.0', + var total = 560; + zb1(total, 240); + zb2(total, 240); + zb3(total, 40); + zb4(total, 40); - width: 2 +}) - } +function echarts_1() { + // 基于准备好的dom，初始化echarts实例 + var myChart = echarts.init(document.getElementById('echarts_1')); - }, - axisLine: { - lineStyle: { - color: 'rgba(255,255,255,0.2)', - width: 1, - type: 'dotted' + var data = [ + { value: 400, name: '空闲' }, + { value: 150, name: '占用' }, + { value: 10, name: '维修' }, - }, + ]; - }, - splitArea: { - areaStyle: { - color: ['rgba(255,255,255,.1)', 'rgba(255,255,255,0)'] - } + option = { + backgroundColor: 'rgba(0,0,0,0)', + tooltip: { + trigger: 'item', + formatter: "{b}:
      {c} ({d}%)" }, - indicator: data[2] - }, - series: [{ - name: '', - type: 'radar', - data: [{ - areaStyle: { - normal: { - opacity: 0.3, - } - }, - value: data[3], - name: data[1][0] - }, - { - areaStyle: { - normal: { - opacity: 0.3, - } - }, - value: data[4], - name: data[1][1] - }, - { - areaStyle: { - normal: { - opacity: 0.3, - } - }, - value: data[5], - name: data[1][2] + color: ['#20b9cf', '#2089cf', '#205bcf'], + legend: { //图例组件，颜色和名字 + x: '70%', + y: 'center', + orient: 'vertical', + itemGap: 12, //图例每项之间的间隔 + itemWidth: 10, + itemHeight: 10, + icon: 'rect', + data: data, + textStyle: { + color: [], + fontStyle: 'normal', + fontFamily: '微软雅黑', + fontSize: 20, } - ] - }] -}; - // 使用刚指定的配置项和数据显示图表。 - myChart.setOption(option); - window.addEventListener("resize",function(){ - myChart.resize(); - }); - } -function echarts_4() { - // 基于准备好的dom，初始化echarts实例 - var myChart = echarts.init(document.getElementById('echart4')); - var myChart2 = echarts.init(document.getElementById('echart3')); -option = { - tooltip: { - trigger: 'axis', - axisPointer: { - type: 'shadow' - } - }, - legend: { - data: ['文本1', '文本2'], - - top:'2%', - textStyle: { - color: "rgba(255,255,255,.5)", - fontSize: '12', - - }, - itemWidth: 12, - itemHeight: 12, - itemGap: 35 - }, - grid: { - left: '0%', - top:'40px', - right: '0%', - bottom: '0%', - containLabel: true - }, - xAxis: [{ - type: 'category', - data: ['1', '2', '3', '4', '5', '6', '7', '8', '9'], - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1)", - width: 1, - type: "solid" - }, }, - - axisTick: { - show: false, - }, - axisLabel: { - interval: 0, - // rotate:50, - show: true, - splitNumber: 15, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '14', + series: [{ + name: '行业占比', + type: 'pie', + clockwise: false, //饼图的扇区是否是顺时针排布 + minAngle: 20, //最小的扇区角度（0 ~ 360） + center: ['35%', '50%'], //饼图的中心（圆心）坐标 + radius: [40, 100], //饼图的半径 + // avoidLabelOverlap: true, ////是否启用防止标签重叠 + itemStyle: { //图形样式 + normal: { + borderColor: 'transparent', + borderWidth: 2, }, }, - }], - yAxis: [{ - type: 'value', - axisLabel: { - //formatter: '{value} %' - show:true, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '14', + label: { //标签的位置 + normal: { + show: true, + position: 'inside', //标签的位置 + formatter: "{c} : {d}%", + textStyle: { + color: '#fff', + } }, - }, - axisTick: { - show: false, - }, - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1 )", - width: 1, - type: "solid" - }, - }, - splitLine: { - lineStyle: { - color: "rgba(255,255,255,.1)", - } - } - }], - series: [{ - name: '文本1', - type: 'bar', - data: [2, 3, 3, 9, 15, 12, 6, 4, 6], - barWidth:'20%', //柱子宽度 - // barGap: 1, //柱子之间间距 - itemStyle: { - normal: { - color:'#2f89cf', - opacity: 1, - barBorderRadius: 5, - } - } - }, { - name: '文本2', - type: 'bar', - data: [1, 4, 5, 11, 12, 9, 5, 6, 5], - barWidth:'20%', - // barGap: 1, - itemStyle: { - normal: { - color:'#62c98d', - opacity: 1, - barBorderRadius: 5, - } - } - }, - ] -}; -option2 = { - // backgroundColor: '#00265f', - tooltip: { - trigger: 'axis', - axisPointer: { - type: 'shadow' - } - }, - legend: { - data: ['2017年', '2018年'], - top:'5%', - textStyle: { - color: "#fff", - fontSize: '12', - - }, - - itemGap: 35 - }, - grid: { - left: '0%', - top:'40px', - right: '0%', - bottom: '0', - containLabel: true - }, - xAxis: [{ - type: 'category', - data: ['1月', '2月', '3月', '4月', '5月', '6月'], - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1)", - width: 1, - type: "solid" + emphasis: { + show: true, + textStyle: { + fontWeight: 'bold' + } + } }, - }, - axisTick: { - show: false, - }, - axisLabel: { - interval: 0, - // rotate:50, - show: true, - splitNumber: 5, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '12', - }, + data: data + }, { + name: '', + type: 'pie', + clockwise: false, + silent: true, + minAngle: 20, //最小的扇区角度（0 ~ 360） + center: ['35%', '50%'], //饼图的中心（圆心）坐标 + radius: [0, 100], //饼图的半径 + itemStyle: { //图形样式 + normal: { + borderColor: '#1e2539', + borderWidth: 1.5, + opacity: 0.5, + } }, - }], - yAxis: [{ - type: 'value', - axisLabel: { - //formatter: '{value} %' - show:true, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '12', - }, - }, - axisTick: { - show: false, - }, - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1 )", - width: 1, - type: "solid" + label: { //标签的位置 + normal: { + show: false, + } }, - }, - splitLine: { - lineStyle: { - color: "rgba(255,255,255,.1)", - } - } - }], - series: [{ - name: '2017年', - type: 'line', - smooth: true, - data: [2, 6, 3, 8, 5, 8], - - itemStyle: { - normal: { - color:'#2f89cf', - opacity: 1, - - barBorderRadius: 5, - } - } - }, { - name: '2018年', - type: 'line', - smooth: true, - data: [5, 2, 6, 4, 5, 12], - barWidth:'15', - // barGap: 1, - itemStyle: { - normal: { - color:'#62c98d', - opacity: 1, - barBorderRadius: 5, - } - } - }, - ] -}; - - // 使用刚指定的配置项和数据显示图表。 - myChart.setOption(option2); - myChart2.setOption(option); - window.addEventListener("resize",function(){ - myChart.resize(); - }); - } -function echarts_31() { - // 基于准备好的dom，初始化echarts实例 - var myChart = echarts.init(document.getElementById('fb01')); - var myChart2 = echarts.init(document.getElementById('fb02')); - var myChart3 = echarts.init(document.getElementById('fb03')); - var myChart4 = echarts.init(document.getElementById('fb04')); - var myChart5 = echarts.init(document.getElementById('myd1')); - - var myChart7 = echarts.init(document.getElementById('sysx')); -option = { - tooltip: { - trigger: 'item', - formatter: "{a}
      {b}: {c} ({d}%)", -position:function(p){ //其中p为当前鼠标的位置 - return [p[0] + 10, p[1] - 10]; - } - }, - legend: { - orient: 'vertical', -top:'25%', - right:0, - itemWidth: 10, - itemHeight: 10, - data:['20-29岁','30-39岁','40-49岁','50岁以上'], - textStyle: { - color: 'rgba(255,255,255,.5)', - fontSize:'12', - } - }, - series: [ - { - name:'年龄分布', - type:'pie', - center: ['35%', '50%'], - radius: ['40%', '50%'], -color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'], - label: {show:false}, - labelLine: {show:false}, - data:[ - - {value:4, name:'20-29岁'}, - {value:2, name:'30-39岁'}, - {value:2, name:'40-49岁'}, - {value:1, name:'50岁以上'}, - ] - } - ] -}; -option2 = { - tooltip: { - trigger: 'item', - formatter: "{a}
      {b}: {c} ({d}%)", -position:function(p){ //其中p为当前鼠标的位置 - return [p[0] + 10, p[1] - 10]; - } - }, - legend: { - orient: 'vertical', - top:'25%', - right:'8%', - itemWidth: 10, - itemHeight: 10, - data:['博士','硕士','本科','专科'], - textStyle: { - color: 'rgba(255,255,255,.5)', - fontSize:'12', - } - }, - series: [ - { - name:'学历构成', - type:'pie', - center: ['40%', '50%'], - radius: ['40%', '50%'], -color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'], - label: {show:false}, - labelLine: {show:false}, - data:[ - {value:10, name:'博士'}, - {value:20, name:'硕士'}, - {value:30, name:'本科'}, - {value:40, name:'专科'}, - - ] - } - ] -}; - option3 = { - tooltip: { - trigger: 'item', - formatter: "{a}
      {b}: {c} ({d}%)", -position:function(p){ //其中p为当前鼠标的位置 - return [p[0] + 10, p[1] - 10]; - } - }, - legend: { - orient: 'vertical', -top:'center', - right:0, - itemWidth: 10, - itemHeight: 10, - data:['数据分门别类','数据关系部门','今日数据交易'], - textStyle: { - color: 'rgba(255,255,255,.5)', - fontSize:'12', - } - }, - series: [ - { - name:'数据', - type:'pie', - center: ['35%', '50%'], - radius: ['40%', '50%'], -color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'], - label: {show:false}, - labelLine: {show:false}, - data:[ - - {value:4, name:'数据分门别类'}, - {value:2, name:'数据关系部门'}, - {value:2, name:'今日数据交易'}, - ] - } - ] -}; -option4 = { - tooltip: { - trigger: 'item', - formatter: "{a}
      {b}: {c} ({d}%)", -position:function(p){ //其中p为当前鼠标的位置 - return [p[0] + 10, p[1] - 10]; - } - }, - legend: { - orient: 'vertical', - top:'center', - right:'8%', - itemWidth: 10, - itemHeight: 10, - data:['零销类','服务类','销售类','软件类','硬件类','其它类'], - textStyle: { - color: 'rgba(255,255,255,.5)', - fontSize:'12', - } - }, - series: [ - { - name:'业务分类', - type:'pie', - center: ['40%', '50%'], - radius: ['40%', '50%'], - color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'], - label: {show:false}, - labelLine: {show:false}, - data:[ - {value:10, name:'零销类'}, - {value:20, name:'服务类'}, - {value:30, name:'销售类'}, - {value:40, name:'软件类'}, - {value:50, name:'硬件类'}, - {value:60, name:'其它类'}, - ] - } - ] -}; - option5 = { - grid: { - left: '0', - right: '0', - top: '10%', - bottom: '24%', - //containLabel: true - }, - legend: { - data: ['等待', '已办人数', '已办业务'], - bottom:0, - itemWidth: 10, - itemHeight: 10, - textStyle: { - color: "#fff", - fontSize: '10', - - }, - - itemGap: 5 - }, - tooltip: { - show: "true", - trigger: 'item' - }, - yAxis: { - type: 'value', - show: false, - }, - xAxis: [{ - type: 'category', - axisTick: { - show: false + data: data + }] + }; + + // 使用刚指定的配置项和数据显示图表。 + myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} + +function zb1(total, val) { + // 基于准备好的dom，初始化echarts实例 + var myChart = echarts.init(document.getElementById('zb1')); + option = { + series: [{ + type: 'pie', + radius: ['60%', '70%'], + color: '#49bcf7', + label: { + normal: { + position: 'center' + } }, - axisLine: { - show: true, - lineStyle: { - color: '#363e83', + data: [{ + value: val, + name: '男厕比例', + label: { + normal: { + formatter: Math.round(val / total * 100) + '%', + textStyle: { + fontSize: 30, + color: '#fff', + } + } } }, - axisLabel: { - show: false, - // inside: true, - textStyle: { - color: "rgba(255,255,255,1)", - fontWeight: 'normal', - fontSize: '12', + { + value: total, + label: { + normal: { + formatter: function (params) { + return '男厕比例' + }, + textStyle: { + color: '#aaa', + fontSize: 16 + } + } }, - // formatter:function(val){ - // return val.split("").join("\n") - // }, - }, - data: ['业务办量统计'] - } - - ], - series: [ - { - name: '等待', - type: 'bar', - barWidth: '20', - - itemStyle: { + itemStyle: { + normal: { + color: 'rgba(255,255,255,.2)' + }, + emphasis: { + color: '#fff' + } + }, + }] + }] + }; + myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} +function zb2(total, val) { + // 基于准备好的dom，初始化echarts实例 + var myChart = echarts.init(document.getElementById('zb2')); + option = { + //animation: false, + series: [{ + type: 'pie', + radius: ['60%', '70%'], + color: '#49bcf7', + label: { normal: { - show: true, - color:'#20aa92', - barBorderRadius: 50, - borderWidth: 0, + position: 'center' } }, - zlevel: 2, - barGap: '100%', - data: [20], - label: { - formatter: "{c}人", - show: true, - position: 'top', - textStyle: { - fontSize:12, - color: 'rgba(255,255,255,.6)', - } - }, - }, - { - name: '已办人数', - type: 'bar', - itemStyle: { + data: [{ + value: val, + name: '女厕比例', + label: { + normal: { + formatter: Math.round(val / total * 100) + '%', + textStyle: { + fontSize: 24, + color: '#fff', + } + } + } + }, { + value: total, + label: { + normal: { + formatter: function (params) { + return '女厕比例' + }, + textStyle: { + color: '#aaa', + fontSize: 16 + } + } + }, + itemStyle: { + normal: { + color: 'rgba(255,255,255,.2)' + }, + emphasis: { + color: '#fff' + } + }, + }] + }] + }; + myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} +function zb3(total, val) { + // 基于准备好的dom，初始化echarts实例 + var myChart = echarts.init(document.getElementById('zb3')); + option = { + series: [{ + + type: 'pie', + radius: ['60%', '70%'], + color: '#62c98d', + label: { normal: { - show: true, - color:'#f4664e', - barBorderRadius: 50, - borderWidth: 0, + position: 'center' } }, - zlevel: 2, - barWidth: '20', - data: [40], - label: { - formatter: "{c}人", - show: true, - position: 'top', - textStyle: { - fontSize:12, - color: 'rgba(255,255,255,.6)', - } - }, - }, - { - name: '已办业务', - type: 'bar', - itemStyle: { + data: [{ + value: val, + name: '童厕比例', + label: { + normal: { + formatter: Math.round(val / total * 100) + '%', + textStyle: { + fontSize: 24, + color: '#fff', + } + } + } + }, { + value: total, + label: { + normal: { + formatter: function (params) { + return '童厕比例' + }, + textStyle: { + color: '#aaa', + fontSize: 16 + } + } + }, + itemStyle: { + normal: { + color: 'rgba(255,255,255,.2)' + }, + emphasis: { + color: '#fff' + } + }, + }] + }] + }; + myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} +function zb4(total, val) { + // 基于准备好的dom，初始化echarts实例 + var myChart = echarts.init(document.getElementById('zb4')); + option = { + series: [{ + + type: 'pie', + radius: ['60%', '70%'], + color: '#29d08a', + label: { normal: { - show: true, - color:'#0c93dc', - barBorderRadius: 50, - borderWidth: 0, + position: 'center' } }, - zlevel: 2, - barWidth: '20', - data: [127], - label: { - formatter: "{c}份", - show: true, - position: 'top', - textStyle: { - fontSize:12, - color: 'rgba(255,255,255,.6)', - } - }, - }, - - ] -}; - - option7 = { - // backgroundColor: '#00265f', - tooltip: { - trigger: 'axis', - axisPointer: { - type: 'shadow' - } - }, - grid: { - left: '0%', - top:'10px', - right: '0%', - bottom: '0', - containLabel: true - }, - xAxis: [{ - type: 'category', - data: ['1月', '2月', '3月', '4月', '5月', '6月'], - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1)", - width: 1, - type: "solid" - }, - }, - axisTick: { - show: false, - }, - axisLabel: { - interval: 0, - // rotate:50, - show: true, - splitNumber: 5, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '12', + data: [{ + value: val, + name: '残疾厕比例', + label: { + normal: { + formatter: Math.round(val / total * 100) + '%', + textStyle: { + fontSize: 24, + color: '#fff', + } + } + } + }, { + value: total, + label: { + normal: { + formatter: function (params) { + return '残疾厕所比例' + }, + textStyle: { + color: '#aaa', + fontSize: 16 + } + } }, - }, - }], - yAxis: [{ - type: 'value', - axisLabel: { - //formatter: '{value} %' - show:true, - textStyle: { - color: "rgba(255,255,255,.6)", - fontSize: '12', + itemStyle: { + normal: { + color: 'rgba(255,255,255,.2)' + }, + emphasis: { + color: '#fff' + } }, - }, - axisTick: { - show: false, - }, - axisLine: { - show: true, - lineStyle: { - color: "rgba(255,255,255,.1 )", - width: 1, - type: "solid" - }, - }, - splitLine: { - show: false, - lineStyle: { - color: "rgba(255,255,255,.1)", - } - } - }], - series: [{ - name: '2017年', - type: 'line', - //smooth: true, - data: [2, 6, 3, 8, 5, 8], - - itemStyle: { - normal: { - color:'#2f89cf', - opacity: 1, - - barBorderRadius: 5, - } - } - } - ] -}; - // 使用刚指定的配置项和数据显示图表。 - myChart.setOption(option); - myChart2.setOption(option2); - myChart3.setOption(option3); - myChart4.setOption(option4); - myChart5.setOption(option5); - - myChart7.setOption(option7); - window.addEventListener("resize",function(){ - myChart.resize(); - myChart7.resize(); - myChart2.resize(); - myChart3.resize(); - myChart4.resize(); - myChart5.resize(); - - }); - } -}) - - - - - - - - - - - - - - - - - + }] + }] + }; + myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} diff --git a/bigscreen1/js/map.js b/bigscreen1/js/map.js index 6f0d139..ae83105 100644 --- a/bigscreen1/js/map.js +++ b/bigscreen1/js/map.js @@ -4,469 +4,477 @@ $(function () { function map() { // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('map')); -var data = [ - {name: '海门', value: 9}, - {name: '鄂尔多斯', value: 12}, - {name: '招远', value: 12}, - {name: '舟山', value: 12}, - {name: '齐齐哈尔', value: 14}, - {name: '盐城', value: 15}, - {name: '赤峰', value: 16}, - {name: '青岛', value: 18}, - {name: '乳山', value: 18}, - {name: '金昌', value: 19}, - {name: '泉州', value: 21}, - {name: '莱西', value: 21}, - {name: '日照', value: 21}, - {name: '胶南', value: 22}, - {name: '南通', value: 23}, - {name: '拉萨', value: 24}, - {name: '云浮', value: 24}, - {name: '梅州', value: 25}, - {name: '文登', value: 25}, - {name: '上海', value: 25}, - {name: '攀枝花', value: 25}, - {name: '威海', value: 25}, - {name: '承德', value: 25}, - {name: '厦门', value: 26}, - {name: '汕尾', value: 26}, - {name: '潮州', value: 26}, - {name: '丹东', value: 27}, - {name: '太仓', value: 27}, - {name: '曲靖', value: 27}, - {name: '烟台', value: 28}, - {name: '福州', value: 29}, - {name: '瓦房店', value: 30}, - {name: '即墨', value: 30}, - {name: '抚顺', value: 31}, - {name: '玉溪', value: 31}, - {name: '张家口', value: 31}, - {name: '阳泉', value: 31}, - {name: '莱州', value: 32}, - {name: '湖州', value: 32}, - {name: '汕头', value: 32}, - {name: '昆山', value: 33}, - {name: '宁波', value: 33}, - {name: '湛江', value: 33}, - {name: '揭阳', value: 34}, - {name: '荣成', value: 34}, - {name: '连云港', value: 35}, - {name: '葫芦岛', value: 35}, - {name: '常熟', value: 36}, - {name: '东莞', value: 36}, - {name: '河源', value: 36}, - {name: '淮安', value: 36}, - {name: '泰州', value: 36}, - {name: '南宁', value: 37}, - {name: '营口', value: 37}, - {name: '惠州', value: 37}, - {name: '江阴', value: 37}, - {name: '蓬莱', value: 37}, - {name: '韶关', value: 38}, - {name: '嘉峪关', value: 38}, - {name: '广州', value: 38}, - {name: '延安', value: 38}, - {name: '太原', value: 39}, - {name: '清远', value: 39}, - {name: '中山', value: 39}, - {name: '昆明', value: 39}, - {name: '寿光', value: 40}, - {name: '盘锦', value: 40}, - {name: '长治', value: 41}, - {name: '深圳', value: 41}, - {name: '珠海', value: 42}, - {name: '宿迁', value: 43}, - {name: '咸阳', value: 43}, - {name: '铜川', value: 44}, - {name: '平度', value: 44}, - {name: '佛山', value: 44}, - {name: '海口', value: 44}, - {name: '江门', value: 45}, - {name: '章丘', value: 45}, - {name: '肇庆', value: 46}, - {name: '大连', value: 47}, - {name: '临汾', value: 47}, - {name: '吴江', value: 47}, - {name: '石嘴山', value: 49}, - {name: '沈阳', value: 50}, - {name: '苏州', value: 50}, - {name: '茂名', value: 50}, - {name: '嘉兴', value: 51}, - {name: '长春', value: 51}, - {name: '胶州', value: 52}, - {name: '银川', value: 52}, - {name: '张家港', value: 52}, - {name: '三门峡', value: 53}, - {name: '锦州', value: 54}, - {name: '南昌', value: 54}, - {name: '柳州', value: 54}, - {name: '三亚', value: 54}, - {name: '自贡', value: 56}, - {name: '吉林', value: 56}, - {name: '阳江', value: 57}, - {name: '泸州', value: 57}, - {name: '西宁', value: 57}, - {name: '宜宾', value: 58}, - {name: '呼和浩特', value: 58}, - {name: '成都', value: 58}, - {name: '大同', value: 58}, - {name: '镇江', value: 59}, - {name: '桂林', value: 59}, - {name: '张家界', value: 59}, - {name: '宜兴', value: 59}, - {name: '北海', value: 60}, - {name: '西安', value: 61}, - {name: '金坛', value: 62}, - {name: '东营', value: 62}, - {name: '牡丹江', value: 63}, - {name: '遵义', value: 63}, - {name: '绍兴', value: 63}, - {name: '扬州', value: 64}, - {name: '常州', value: 64}, - {name: '潍坊', value: 65}, - {name: '重庆', value: 66}, - {name: '台州', value: 67}, - {name: '南京', value: 67}, - {name: '滨州', value: 70}, - {name: '贵阳', value: 71}, - {name: '无锡', value: 71}, - {name: '本溪', value: 71}, - {name: '克拉玛依', value: 72}, - {name: '渭南', value: 72}, - {name: '马鞍山', value: 72}, - {name: '宝鸡', value: 72}, - {name: '焦作', value: 75}, - {name: '句容', value: 75}, - {name: '北京', value: 79}, - {name: '徐州', value: 79}, - {name: '衡水', value: 80}, - {name: '包头', value: 80}, - {name: '绵阳', value: 80}, - {name: '乌鲁木齐', value: 84}, - {name: '枣庄', value: 84}, - {name: '杭州', value: 84}, - {name: '淄博', value: 85}, - {name: '鞍山', value: 86}, - {name: '溧阳', value: 86}, - {name: '库尔勒', value: 86}, - {name: '安阳', value: 90}, - {name: '开封', value: 90}, - {name: '济南', value: 92}, - {name: '德阳', value: 93}, - {name: '温州', value: 95}, - {name: '九江', value: 96}, - {name: '邯郸', value: 98}, - {name: '临安', value: 99}, - {name: '兰州', value: 99}, - {name: '沧州', value: 100}, - {name: '临沂', value: 103}, - {name: '南充', value: 104}, - {name: '天津', value: 105}, - {name: '富阳', value: 106}, - {name: '泰安', value: 112}, - {name: '诸暨', value: 112}, - {name: '郑州', value: 113}, - {name: '哈尔滨', value: 114}, - {name: '聊城', value: 116}, - {name: '芜湖', value: 117}, - {name: '唐山', value: 119}, - {name: '平顶山', value: 119}, - {name: '邢台', value: 119}, - {name: '德州', value: 120}, - {name: '济宁', value: 120}, - {name: '荆州', value: 127}, - {name: '宜昌', value: 130}, - {name: '义乌', value: 132}, - {name: '丽水', value: 133}, - {name: '洛阳', value: 134}, - {name: '秦皇岛', value: 136}, - {name: '株洲', value: 143}, - {name: '石家庄', value: 147}, - {name: '莱芜', value: 148}, - {name: '常德', value: 152}, - {name: '保定', value: 153}, - {name: '湘潭', value: 154}, - {name: '金华', value: 157}, - {name: '岳阳', value: 169}, - {name: '长沙', value: 175}, - {name: '衢州', value: 177}, - {name: '廊坊', value: 193}, - {name: '菏泽', value: 194}, - {name: '合肥', value: 229}, - {name: '武汉', value: 273}, - {name: '大庆', value: 279} -]; -var geoCoordMap = { - '海门':[121.15,31.89], - '鄂尔多斯':[109.781327,39.608266], - '招远':[120.38,37.35], - '舟山':[122.207216,29.985295], - '齐齐哈尔':[123.97,47.33], - '盐城':[120.13,33.38], - '赤峰':[118.87,42.28], - '青岛':[120.33,36.07], - '乳山':[121.52,36.89], - '金昌':[102.188043,38.520089], - '泉州':[118.58,24.93], - '莱西':[120.53,36.86], - '日照':[119.46,35.42], - '胶南':[119.97,35.88], - '南通':[121.05,32.08], - '拉萨':[91.11,29.97], - '云浮':[112.02,22.93], - '梅州':[116.1,24.55], - '文登':[122.05,37.2], - '上海':[121.48,31.22], - '攀枝花':[101.718637,26.582347], - '威海':[122.1,37.5], - '承德':[117.93,40.97], - '厦门':[118.1,24.46], - '汕尾':[115.375279,22.786211], - '潮州':[116.63,23.68], - '丹东':[124.37,40.13], - '太仓':[121.1,31.45], - '曲靖':[103.79,25.51], - '烟台':[121.39,37.52], - '福州':[119.3,26.08], - '瓦房店':[121.979603,39.627114], - '即墨':[120.45,36.38], - '抚顺':[123.97,41.97], - '玉溪':[102.52,24.35], - '张家口':[114.87,40.82], - '阳泉':[113.57,37.85], - '莱州':[119.942327,37.177017], - '湖州':[120.1,30.86], - '汕头':[116.69,23.39], - '昆山':[120.95,31.39], - '宁波':[121.56,29.86], - '湛江':[110.359377,21.270708], - '揭阳':[116.35,23.55], - '荣成':[122.41,37.16], - '连云港':[119.16,34.59], - '葫芦岛':[120.836932,40.711052], - '常熟':[120.74,31.64], - '东莞':[113.75,23.04], - '河源':[114.68,23.73], - '淮安':[119.15,33.5], - '泰州':[119.9,32.49], - '南宁':[108.33,22.84], - '营口':[122.18,40.65], - '惠州':[114.4,23.09], - '江阴':[120.26,31.91], - '蓬莱':[120.75,37.8], - '韶关':[113.62,24.84], - '嘉峪关':[98.289152,39.77313], - '广州':[113.23,23.16], - '延安':[109.47,36.6], - '太原':[112.53,37.87], - '清远':[113.01,23.7], - '中山':[113.38,22.52], - '昆明':[102.73,25.04], - '寿光':[118.73,36.86], - '盘锦':[122.070714,41.119997], - '长治':[113.08,36.18], - '深圳':[114.07,22.62], - '珠海':[113.52,22.3], - '宿迁':[118.3,33.96], - '咸阳':[108.72,34.36], - '铜川':[109.11,35.09], - '平度':[119.97,36.77], - '佛山':[113.11,23.05], - '海口':[110.35,20.02], - '江门':[113.06,22.61], - '章丘':[117.53,36.72], - '肇庆':[112.44,23.05], - '大连':[121.62,38.92], - '临汾':[111.5,36.08], - '吴江':[120.63,31.16], - '石嘴山':[106.39,39.04], - '沈阳':[123.38,41.8], - '苏州':[120.62,31.32], - '茂名':[110.88,21.68], - '嘉兴':[120.76,30.77], - '长春':[125.35,43.88], - '胶州':[120.03336,36.264622], - '银川':[106.27,38.47], - '张家港':[120.555821,31.875428], - '三门峡':[111.19,34.76], - '锦州':[121.15,41.13], - '南昌':[115.89,28.68], - '柳州':[109.4,24.33], - '三亚':[109.511909,18.252847], - '自贡':[104.778442,29.33903], - '吉林':[126.57,43.87], - '阳江':[111.95,21.85], - '泸州':[105.39,28.91], - '西宁':[101.74,36.56], - '宜宾':[104.56,29.77], - '呼和浩特':[111.65,40.82], - '成都':[104.06,30.67], - '大同':[113.3,40.12], - '镇江':[119.44,32.2], - '桂林':[110.28,25.29], - '张家界':[110.479191,29.117096], - '宜兴':[119.82,31.36], - '北海':[109.12,21.49], - '西安':[108.95,34.27], - '金坛':[119.56,31.74], - '东营':[118.49,37.46], - '牡丹江':[129.58,44.6], - '遵义':[106.9,27.7], - '绍兴':[120.58,30.01], - '扬州':[119.42,32.39], - '常州':[119.95,31.79], - '潍坊':[119.1,36.62], - '重庆':[106.54,29.59], - '台州':[121.420757,28.656386], - '南京':[118.78,32.04], - '滨州':[118.03,37.36], - '贵阳':[106.71,26.57], - '无锡':[120.29,31.59], - '本溪':[123.73,41.3], - '克拉玛依':[84.77,45.59], - '渭南':[109.5,34.52], - '马鞍山':[118.48,31.56], - '宝鸡':[107.15,34.38], - '焦作':[113.21,35.24], - '句容':[119.16,31.95], - '北京':[116.46,39.92], - '徐州':[117.2,34.26], - '衡水':[115.72,37.72], - '包头':[110,40.58], - '绵阳':[104.73,31.48], - '乌鲁木齐':[87.68,43.77], - '枣庄':[117.57,34.86], - '杭州':[120.19,30.26], - '淄博':[118.05,36.78], - '鞍山':[122.85,41.12], - '溧阳':[119.48,31.43], - '库尔勒':[86.06,41.68], - '安阳':[114.35,36.1], - '开封':[114.35,34.79], - '济南':[117,36.65], - '德阳':[104.37,31.13], - '温州':[120.65,28.01], - '九江':[115.97,29.71], - '邯郸':[114.47,36.6], - '临安':[119.72,30.23], - '兰州':[103.73,36.03], - '沧州':[116.83,38.33], - '临沂':[118.35,35.05], - '南充':[106.110698,30.837793], - '天津':[117.2,39.13], - '富阳':[119.95,30.07], - '泰安':[117.13,36.18], - '诸暨':[120.23,29.71], - '郑州':[113.65,34.76], - '哈尔滨':[126.63,45.75], - '聊城':[115.97,36.45], - '芜湖':[118.38,31.33], - '唐山':[118.02,39.63], - '平顶山':[113.29,33.75], - '邢台':[114.48,37.05], - '德州':[116.29,37.45], - '济宁':[116.59,35.38], - '荆州':[112.239741,30.335165], - '宜昌':[111.3,30.7], - '义乌':[120.06,29.32], - '丽水':[119.92,28.45], - '洛阳':[112.44,34.7], - '秦皇岛':[119.57,39.95], - '株洲':[113.16,27.83], - '石家庄':[114.48,38.03], - '莱芜':[117.67,36.19], - '常德':[111.69,29.05], - '保定':[115.48,38.85], - '湘潭':[112.91,27.87], - '金华':[119.64,29.12], - '岳阳':[113.09,29.37], - '长沙':[113,28.21], - '衢州':[118.88,28.97], - '廊坊':[116.7,39.53], - '菏泽':[115.480656,35.23375], - '合肥':[117.27,31.86], - '武汉':[114.31,30.52], - '大庆':[125.03,46.58] -}; -var convertData = function (data) { - var res = []; - for (var i = 0; i < data.length; i++) { - var geoCoord = geoCoordMap[data[i].name]; - if (geoCoord) { - res.push({ - name: data[i].name, - value: geoCoord.concat(data[i].value) - }); - } - } - return res; -}; - -option = { - // backgroundColor: '#404a59', - /*** title: { - text: '实时行驶车辆', - subtext: 'data from PM25.in', - sublink: 'http://www.pm25.in', - left: 'center', - textStyle: { - color: '#fff' - } - },**/ - tooltip : { - trigger: 'item' - }, - - geo: { - map: 'china', - label: { - emphasis: { - show: false - } - }, - roam: false, - zoom:1.2, - itemStyle: { - normal: { - areaColor: 'rgba(2,37,101,.5)', - borderColor: 'rgba(112,187,252,.5)' - }, - emphasis: { - areaColor: 'rgba(2,37,101,.8)' + var data = [ + { name: '海门', value: 9 }, + { name: '鄂尔多斯', value: 12 }, + { name: '招远', value: 12 }, + { name: '舟山', value: 12 }, + { name: '齐齐哈尔', value: 14 }, + { name: '盐城', value: 15 }, + { name: '赤峰', value: 16 }, + { name: '青岛', value: 18 }, + { name: '乳山', value: 18 }, + { name: '金昌', value: 19 }, + { name: '泉州', value: 21 }, + { name: '莱西', value: 21 }, + { name: '日照', value: 21 }, + { name: '胶南', value: 22 }, + { name: '南通', value: 23 }, + { name: '拉萨', value: 24 }, + { name: '云浮', value: 24 }, + { name: '梅州', value: 25 }, + { name: '文登', value: 25 }, + { name: '上海', value: 25 }, + { name: '攀枝花', value: 25 }, + { name: '威海', value: 25 }, + { name: '承德', value: 25 }, + { name: '厦门', value: 26 }, + { name: '汕尾', value: 26 }, + { name: '潮州', value: 26 }, + { name: '丹东', value: 27 }, + { name: '太仓', value: 27 }, + { name: '曲靖', value: 27 }, + { name: '烟台', value: 28 }, + { name: '福州', value: 29 }, + { name: '瓦房店', value: 30 }, + { name: '即墨', value: 30 }, + { name: '抚顺', value: 31 }, + { name: '玉溪', value: 31 }, + { name: '张家口', value: 31 }, + { name: '阳泉', value: 31 }, + { name: '莱州', value: 32 }, + { name: '湖州', value: 32 }, + { name: '汕头', value: 32 }, + { name: '昆山', value: 33 }, + { name: '宁波', value: 33 }, + { name: '湛江', value: 33 }, + { name: '揭阳', value: 34 }, + { name: '荣成', value: 34 }, + { name: '连云港', value: 35 }, + { name: '葫芦岛', value: 35 }, + { name: '常熟', value: 36 }, + { name: '东莞', value: 36 }, + { name: '河源', value: 36 }, + { name: '淮安', value: 36 }, + { name: '泰州', value: 36 }, + { name: '南宁', value: 37 }, + { name: '营口', value: 37 }, + { name: '惠州', value: 37 }, + { name: '江阴', value: 37 }, + { name: '蓬莱', value: 37 }, + { name: '韶关', value: 38 }, + { name: '嘉峪关', value: 38 }, + { name: '广州', value: 38 }, + { name: '延安', value: 38 }, + { name: '太原', value: 39 }, + { name: '清远', value: 39 }, + { name: '中山', value: 39 }, + { name: '昆明', value: 39 }, + { name: '寿光', value: 40 }, + { name: '盘锦', value: 40 }, + { name: '长治', value: 41 }, + { name: '深圳', value: 41 }, + { name: '珠海', value: 42 }, + { name: '宿迁', value: 43 }, + { name: '咸阳', value: 43 }, + { name: '铜川', value: 44 }, + { name: '平度', value: 44 }, + { name: '佛山', value: 44 }, + { name: '海口', value: 44 }, + { name: '江门', value: 45 }, + { name: '章丘', value: 45 }, + { name: '肇庆', value: 46 }, + { name: '大连', value: 47 }, + { name: '临汾', value: 47 }, + { name: '吴江', value: 47 }, + { name: '石嘴山', value: 49 }, + { name: '沈阳', value: 50 }, + { name: '苏州', value: 50 }, + { name: '茂名', value: 50 }, + { name: '嘉兴', value: 51 }, + { name: '长春', value: 51 }, + { name: '胶州', value: 52 }, + { name: '银川', value: 52 }, + { name: '张家港', value: 52 }, + { name: '三门峡', value: 53 }, + { name: '锦州', value: 54 }, + { name: '南昌', value: 54 }, + { name: '柳州', value: 54 }, + { name: '三亚', value: 54 }, + { name: '自贡', value: 56 }, + { name: '吉林', value: 56 }, + { name: '阳江', value: 57 }, + { name: '泸州', value: 57 }, + { name: '西宁', value: 57 }, + { name: '宜宾', value: 58 }, + { name: '呼和浩特', value: 58 }, + { name: '成都', value: 58 }, + { name: '大同', value: 58 }, + { name: '镇江', value: 59 }, + { name: '桂林', value: 59 }, + { name: '张家界', value: 59 }, + { name: '宜兴', value: 59 }, + { name: '北海', value: 60 }, + { name: '西安', value: 61 }, + { name: '金坛', value: 62 }, + { name: '东营', value: 62 }, + { name: '牡丹江', value: 63 }, + { name: '遵义', value: 63 }, + { name: '绍兴', value: 63 }, + { name: '扬州', value: 64 }, + { name: '常州', value: 64 }, + { name: '潍坊', value: 65 }, + { name: '重庆', value: 66 }, + { name: '台州', value: 67 }, + { name: '南京', value: 67 }, + { name: '滨州', value: 70 }, + { name: '贵阳', value: 71 }, + { name: '无锡', value: 71 }, + { name: '本溪', value: 71 }, + { name: '克拉玛依', value: 72 }, + { name: '渭南', value: 72 }, + { name: '马鞍山', value: 72 }, + { name: '宝鸡', value: 72 }, + { name: '焦作', value: 75 }, + { name: '句容', value: 75 }, + { name: '北京', value: 79 }, + { name: '徐州', value: 79 }, + { name: '衡水', value: 80 }, + { name: '包头', value: 80 }, + { name: '绵阳', value: 80 }, + { name: '乌鲁木齐', value: 84 }, + { name: '枣庄', value: 84 }, + { name: '杭州', value: 84 }, + { name: '淄博', value: 85 }, + { name: '鞍山', value: 86 }, + { name: '溧阳', value: 86 }, + { name: '库尔勒', value: 86 }, + { name: '安阳', value: 90 }, + { name: '开封', value: 90 }, + { name: '济南', value: 92 }, + { name: '德阳', value: 93 }, + { name: '温州', value: 95 }, + { name: '九江', value: 96 }, + { name: '邯郸', value: 98 }, + { name: '临安', value: 99 }, + { name: '兰州', value: 99 }, + { name: '沧州', value: 100 }, + { name: '临沂', value: 103 }, + { name: '南充', value: 104 }, + { name: '天津', value: 105 }, + { name: '富阳', value: 106 }, + { name: '泰安', value: 112 }, + { name: '诸暨', value: 112 }, + { name: '郑州', value: 113 }, + { name: '哈尔滨', value: 114 }, + { name: '聊城', value: 116 }, + { name: '芜湖', value: 117 }, + { name: '唐山', value: 119 }, + { name: '平顶山', value: 119 }, + { name: '邢台', value: 119 }, + { name: '德州', value: 120 }, + { name: '济宁', value: 120 }, + { name: '荆州', value: 127 }, + { name: '宜昌', value: 130 }, + { name: '义乌', value: 132 }, + { name: '丽水', value: 133 }, + { name: '洛阳', value: 134 }, + { name: '秦皇岛', value: 136 }, + { name: '株洲', value: 143 }, + { name: '石家庄', value: 147 }, + { name: '莱芜', value: 148 }, + { name: '常德', value: 152 }, + { name: '保定', value: 153 }, + { name: '湘潭', value: 154 }, + { name: '金华', value: 157 }, + { name: '岳阳', value: 169 }, + { name: '长沙', value: 175 }, + { name: '衢州', value: 177 }, + { name: '廊坊', value: 193 }, + { name: '菏泽', value: 194 }, + { name: '合肥', value: 229 }, + { name: '武汉', value: 273 }, + { name: '大庆', value: 279 } + ]; + var geoCoordMap = { + '海门': [121.15, 31.89], + '鄂尔多斯': [109.781327, 39.608266], + '招远': [120.38, 37.35], + '舟山': [122.207216, 29.985295], + '齐齐哈尔': [123.97, 47.33], + '盐城': [120.13, 33.38], + '赤峰': [118.87, 42.28], + '青岛': [120.33, 36.07], + '乳山': [121.52, 36.89], + '金昌': [102.188043, 38.520089], + '泉州': [118.58, 24.93], + '莱西': [120.53, 36.86], + '日照': [119.46, 35.42], + '胶南': [119.97, 35.88], + '南通': [121.05, 32.08], + '拉萨': [91.11, 29.97], + '云浮': [112.02, 22.93], + '梅州': [116.1, 24.55], + '文登': [122.05, 37.2], + '上海': [121.48, 31.22], + '攀枝花': [101.718637, 26.582347], + '威海': [122.1, 37.5], + '承德': [117.93, 40.97], + '厦门': [118.1, 24.46], + '汕尾': [115.375279, 22.786211], + '潮州': [116.63, 23.68], + '丹东': [124.37, 40.13], + '太仓': [121.1, 31.45], + '曲靖': [103.79, 25.51], + '烟台': [121.39, 37.52], + '福州': [119.3, 26.08], + '瓦房店': [121.979603, 39.627114], + '即墨': [120.45, 36.38], + '抚顺': [123.97, 41.97], + '玉溪': [102.52, 24.35], + '张家口': [114.87, 40.82], + '阳泉': [113.57, 37.85], + '莱州': [119.942327, 37.177017], + '湖州': [120.1, 30.86], + '汕头': [116.69, 23.39], + '昆山': [120.95, 31.39], + '宁波': [121.56, 29.86], + '湛江': [110.359377, 21.270708], + '揭阳': [116.35, 23.55], + '荣成': [122.41, 37.16], + '连云港': [119.16, 34.59], + '葫芦岛': [120.836932, 40.711052], + '常熟': [120.74, 31.64], + '东莞': [113.75, 23.04], + '河源': [114.68, 23.73], + '淮安': [119.15, 33.5], + '泰州': [119.9, 32.49], + '南宁': [108.33, 22.84], + '营口': [122.18, 40.65], + '惠州': [114.4, 23.09], + '江阴': [120.26, 31.91], + '蓬莱': [120.75, 37.8], + '韶关': [113.62, 24.84], + '嘉峪关': [98.289152, 39.77313], + '广州': [113.23, 23.16], + '延安': [109.47, 36.6], + '太原': [112.53, 37.87], + '清远': [113.01, 23.7], + '中山': [113.38, 22.52], + '昆明': [102.73, 25.04], + '寿光': [118.73, 36.86], + '盘锦': [122.070714, 41.119997], + '长治': [113.08, 36.18], + '深圳': [114.07, 22.62], + '珠海': [113.52, 22.3], + '宿迁': [118.3, 33.96], + '咸阳': [108.72, 34.36], + '铜川': [109.11, 35.09], + '平度': [119.97, 36.77], + '佛山': [113.11, 23.05], + '海口': [110.35, 20.02], + '江门': [113.06, 22.61], + '章丘': [117.53, 36.72], + '肇庆': [112.44, 23.05], + '大连': [121.62, 38.92], + '临汾': [111.5, 36.08], + '吴江': [120.63, 31.16], + '石嘴山': [106.39, 39.04], + '沈阳': [123.38, 41.8], + '苏州': [120.62, 31.32], + '茂名': [110.88, 21.68], + '嘉兴': [120.76, 30.77], + '长春': [125.35, 43.88], + '胶州': [120.03336, 36.264622], + '银川': [106.27, 38.47], + '张家港': [120.555821, 31.875428], + '三门峡': [111.19, 34.76], + '锦州': [121.15, 41.13], + '南昌': [115.89, 28.68], + '柳州': [109.4, 24.33], + '三亚': [109.511909, 18.252847], + '自贡': [104.778442, 29.33903], + '吉林': [126.57, 43.87], + '阳江': [111.95, 21.85], + '泸州': [105.39, 28.91], + '西宁': [101.74, 36.56], + '宜宾': [104.56, 29.77], + '呼和浩特': [111.65, 40.82], + '成都': [104.06, 30.67], + '大同': [113.3, 40.12], + '镇江': [119.44, 32.2], + '桂林': [110.28, 25.29], + '张家界': [110.479191, 29.117096], + '宜兴': [119.82, 31.36], + '北海': [109.12, 21.49], + '西安': [108.95, 34.27], + '金坛': [119.56, 31.74], + '东营': [118.49, 37.46], + '牡丹江': [129.58, 44.6], + '遵义': [106.9, 27.7], + '绍兴': [120.58, 30.01], + '扬州': [119.42, 32.39], + '常州': [119.95, 31.79], + '潍坊': [119.1, 36.62], + '重庆': [106.54, 29.59], + '台州': [121.420757, 28.656386], + '南京': [118.78, 32.04], + '滨州': [118.03, 37.36], + '贵阳': [106.71, 26.57], + '无锡': [120.29, 31.59], + '本溪': [123.73, 41.3], + '克拉玛依': [84.77, 45.59], + '渭南': [109.5, 34.52], + '马鞍山': [118.48, 31.56], + '宝鸡': [107.15, 34.38], + '焦作': [113.21, 35.24], + '句容': [119.16, 31.95], + '北京': [116.46, 39.92], + '徐州': [117.2, 34.26], + '衡水': [115.72, 37.72], + '包头': [110, 40.58], + '绵阳': [104.73, 31.48], + '乌鲁木齐': [87.68, 43.77], + '枣庄': [117.57, 34.86], + '杭州': [120.19, 30.26], + '淄博': [118.05, 36.78], + '鞍山': [122.85, 41.12], + '溧阳': [119.48, 31.43], + '库尔勒': [86.06, 41.68], + '安阳': [114.35, 36.1], + '开封': [114.35, 34.79], + '济南': [117, 36.65], + '德阳': [104.37, 31.13], + '温州': [120.65, 28.01], + '九江': [115.97, 29.71], + '邯郸': [114.47, 36.6], + '临安': [119.72, 30.23], + '兰州': [103.73, 36.03], + '沧州': [116.83, 38.33], + '临沂': [118.35, 35.05], + '南充': [106.110698, 30.837793], + '天津': [117.2, 39.13], + '富阳': [119.95, 30.07], + '泰安': [117.13, 36.18], + '诸暨': [120.23, 29.71], + '郑州': [113.65, 34.76], + '哈尔滨': [126.63, 45.75], + '聊城': [115.97, 36.45], + '芜湖': [118.38, 31.33], + '唐山': [118.02, 39.63], + '平顶山': [113.29, 33.75], + '邢台': [114.48, 37.05], + '德州': [116.29, 37.45], + '济宁': [116.59, 35.38], + '荆州': [112.239741, 30.335165], + '宜昌': [111.3, 30.7], + '义乌': [120.06, 29.32], + '丽水': [119.92, 28.45], + '洛阳': [112.44, 34.7], + '秦皇岛': [119.57, 39.95], + '株洲': [113.16, 27.83], + '石家庄': [114.48, 38.03], + '莱芜': [117.67, 36.19], + '常德': [111.69, 29.05], + '保定': [115.48, 38.85], + '湘潭': [112.91, 27.87], + '金华': [119.64, 29.12], + '岳阳': [113.09, 29.37], + '长沙': [113, 28.21], + '衢州': [118.88, 28.97], + '廊坊': [116.7, 39.53], + '菏泽': [115.480656, 35.23375], + '合肥': [117.27, 31.86], + '武汉': [114.31, 30.52], + '大庆': [125.03, 46.58] + }; + var max = 480, + min = 9; // todo + var maxSize4Pin = 100, + minSize4Pin = 20; + var convertData = function (data) { + var res = []; + for (var i = 0; i < data.length; i++) { + var geoCoord = geoCoordMap[data[i].name]; + if (geoCoord) { + res.push({ + name: data[i].name, + value: geoCoord.concat(data[i].value) + }); + } } - } - }, - series : [ - { - name: '标题名称', - type: 'scatter', - coordinateSystem: 'geo', - data: convertData(data), - symbolSize: function (val) { - return val[2] / 15; + return res; + }; + + option = { + // backgroundColor: '#404a59', + /*** title: { + text: '实时行驶车辆', + subtext: 'data from PM25.in', + sublink: 'http://www.pm25.in', + left: 'center', + textStyle: { + color: '#fff' + } + },**/ + tooltip: { + trigger: 'item' }, - label: { - normal: { - formatter: '{b}', - position: 'right', - show: false + + geo: { + map: 'china', + label: { + emphasis: { + show: true + } }, - emphasis: { - show: true + roam: true, + zoom: 1.2, + itemStyle: { + normal: { + areaColor: 'rgba(2,37,101,.5)', + borderColor: 'rgba(112,187,252,.5)' + }, + emphasis: { + areaColor: 'rgba(2,37,101,.8)' + } } }, - itemStyle: { - normal: { - color: '#ffeb7b' + series: [ + { + name: '驿站地点', + type: 'scatter', + symbol: 'pin', + coordinateSystem: 'geo', + data: convertData(data), + symbolSize: function (val) { + var a = (maxSize4Pin - minSize4Pin) / (max - min); + var b = minSize4Pin - a * min; + b = maxSize4Pin - a * max; + return a * val[2] + b; + }, + label: { + normal: { + formatter: '{b}', + position: 'right', + show: false + }, + emphasis: { + show: true + } + }, + itemStyle: { + normal: { + color: '#ffeb7b' + } + } } - } - } + ] + + }; - ] -}; - myChart.setOption(option); - window.addEventListener("resize",function(){ + window.addEventListener("resize", function () { myChart.resize(); }); }