emachart实现曲线时间任务表效果

代码语言:html

所属分类:图表

代码描述:emachart4根据每个人的时间任务不同,采用不同的颜色与图片来标识,还可拖动时间节点来查看更详情的信息。

代码标签: 时间 任务 效果

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

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

<style>
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#chartdiv {
  width: 100%;
  height: 600px;
}

.demo-theme-dark .demo-background {
  background: #000;
}
</style>

</head>
<body translate="no">

<script src="http://repo.bfw.wiki/bfwrepo/js/amchart/core.js"></script>
<script src="http://repo.bfw.wiki/bfwrepo/js/amchart/charts.js"></script>
<script src="http://repo.bfw.wiki/bfwrepo/js/amchart/timeline.js"></script>
<script src="http://repo.bfw.wiki/bfwrepo/js/amchart/bullets.js"></script>
<script src="http://repo.bfw.wiki/bfwrepo/js/amchart/animated.js"></script>
<div id="chartdiv"></div>

<script >
/**
 * ---------------------------------------
 * This demo was created using amCharts 4.
 * 
 * For more information visit:
 * https://www.amcharts.com/
 * 
 * Documentation is available at:
 * https://www.amc.........完整代码请登录后点击上方下载按钮下载查看

网友评论0