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:'拉萨.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0