echarts实现全国热点城市光点闪耀动画标注图效果代码
代码语言:html
所属分类:图表
代码描述:echarts实现全国热点城市光点闪耀动画标注图效果代码
代码标签: echarts 全国 热点 城市 光点 闪耀 动画 标注 图
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } a:link, a:visited { color: #4682b4; } a:hover { color: #4169e1; } #main { width: 1000px; height: 800px; border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <div id="main"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts-all.js"></script> <script > var myChart = echarts.init(document.getElementById('main')); var placeList = [ {name:'海门', geoCoord:[121.15, 31.89]}, {name:'鄂尔多斯', geoCoord:[109.781327, 39.608266]}, {name:'招远', geoCoord:[120.38, 37.35]}, {name:'舟山', geoCoord:[122.207216, 29.985295]}, {name:'齐齐哈尔', geoCoord:[123.97, 47.33]}, {name:'盐城', geoCoord:[120.13, 33.38]}, {name:'赤峰', geoCoord:[118.87, 42.28]}, {name:'青岛', geoCoord:[120.33, 36.07]}, {name:'乳山', geoCoord:[121.52, 36.89]}, {name:'金昌', geoCoord:[102.188043, 38.520089]}, {name:'泉州', geoCoord:[118.58, 24.93]}, {name:'莱西', geoCoord:[120.53, 36.86]}, {name:'日照', geoCoord:[119.46, 35.42]}, {name:'胶南', geoCoord:[119.97, 35.88]}, {name:'南通', geoCoord:[121.05, 32.08]}, {name:'拉萨', geoCoord:[91.11, 29.97]}, {name:'云浮', geoCoord:[112.02, 22.93]}, {name:'梅州', geoCoord:[116.1, 24.55]}, {name:'文登', geoCoord:[122.05, 37.2]}, {name:'上海', geoCoord:[121.48, 31.22]}, {name:'攀枝花', geoCoord:[101.718637, 26.582347]}, {name:'威海', geoCoord:[122.1, 37.5]}, {name:'承德', geoCoord:[117.93, 40.97]}, {name:'厦门', geoCoord:[118.1, 24.46]}, {name:'汕尾', geoCoord:[115.375279, 22.786211]}, {name:'潮州', geoCoord:[116.63, 23.68]}, {name:'丹东', geoCoord:[124.37, 40.13]}, {name:'太仓', geoCoord:[121.1, 31.45]}, {name:'曲靖', geoCoord:[103.79, 25.51]}, {name:'烟台', geoCoord:[121.39, 37.52]}, {name:'福州', geoCoord:[119.3, 26.08]}, {name:'瓦房店', geoCoord:[121.979603, 39.627114]}, {name:'即墨', geoCoord:[120.45, 36.38]}, {name:'抚顺', geoCoord:[123.97, 41.97]}, {name:'玉溪', geoCoord:[102.52, 24.35]}, {name:'张家口'.........完整代码请登录后点击上方下载按钮下载查看
网友评论0