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