amchart四种不同图表滚动懒加载效果-html代码-BFW代码库

amchart四种不同图表滚动懒加载效果

代码语言：html

所属分类：图表

代码描述：amchart四种不同图表滚动懒加载效果

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
.chartdiv {
  width: 500px;
  height: 300px;
  border: 1px solid #ccc;
  margin: 10px auto;
}

.chartgap {
  height: 700px;
  width: 1px;
  border-left: 2px dotted #ccc;
  margin: 10px auto;
}
</style>

</head>
<body translate="no">
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts-serial.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts-pie.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts-light.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<div id="chartdiv1" class="chartdiv"></div>
<div class="chartgap"></div>
<div id="chartdiv2" class="chartdiv"></div>
<div class="chartgap"></div>
<div id="chartdiv3" class="chartdiv"></div>
<div class="chartgap"></div>
<div id="chartdiv4" class="chartdiv"></div>
<div class="chartgap"></div>

<script>
/**
 * Lazy-init code (relies on jQuery)
 */

// save the real makeChart function for later
AmCharts.lazyLoadMakeC.........完整代码请登录后点击上方下载按钮下载查看