echarts实现三维地球数据箭头流动效果代码

代码语言:html

所属分类:三维

代码描述:echarts实现三维地球数据箭头流动效果代码,可用于展示全球数据流动图表展示。

代码标签: echarts 三维 地球 数据 箭头 流动

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
   
<meta charset="utf-8">

   
<style>
        body
{
         
height: 100%;
         
width: 100%;
         
position: absolute;
         
padding: 0;
         
margin: 0;
         
font-size: 0;
       
}
   
</style>
</head>

<body>
 
   
<canvas id="myCanvas" width="5400" height="2700" style="border:1px solid #d3d3d3;display: none;">
    您的浏览器不支持 HTML5 canvas 标签。
</canvas>

   
<div id="earth" style="width: 100%; height: 100%"></div>

   
<script>


   
</script>

   
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts.js"></script>
   
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts-gl.js"></script>
   
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/world.js"></script>
   
<script>
   
       
    var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d.........完整代码请登录后点击上方下载按钮下载查看

网友评论0