g6js实现多条地铁运行示意图动画图表效果代码-html代码-BFW代码库

g6js实现多条地铁运行示意图动画图表效果代码

代码语言：html

所属分类：图表

代码描述：g6js实现多条地铁运行示意图动画图表效果代码

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

<!DOCTYPE html>
<html lang="en" >

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

  
  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
  
<style>
canvas{
  background: rgb(0, 0, 0);
  background-image: url("//repo.bfw.wiki/bfwrepo/json/A_G23iRqkiibIAAAAAAAAAAABkARQnAQ.png");
  /* background-repeat: no-repeat; */
  background-size: 600px 600px;
}
.g6-tooltip {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  font-size: 12px;
  color: #545454;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 8px;
  box-shadow: rgb(174, 174, 174) 0px 0px 10px;
}
</style>


</head>
<body>
  <div id="mountNode"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/antv.g6-3.1.0.js"></script>
  
      <script>
const colors = [
  "rgb(64, 174, 247)",
  "rgb(108, 207, 169)",
  "rgb(157, 223, 125)",
  "rgb(240, 198, 74)",
  "rgb(221, 158, 97)".........完整代码请登录后点击上方下载按钮下载查看