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