highcharts.xrange生成工作任务排班安排甘蔗图图表效果代码
代码语言:html
所属分类:图表
代码描述:highcharts.xrange生成工作任务排班安排甘蔗图图表效果代码
代码标签: highcharts xrange 生成 工作任务 排班 安排 甘蔗图 图表
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> #container { height: 300px; } .highcharts-figure, .highcharts-data-table table { min-width: 320px; max-width: 800px; margin: 1em auto; } .highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; } .highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; } .highcharts-data-table th { font-weight: 600; padding: 0.5em; } .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; } .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; } .highcharts-data-table tr:hover { background: #f1f7ff; } </style> </head> <body > <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts.11.1.0.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts.xrange.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts.11.0.1.exporting.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts.11.0.1.accessibility.js"></script> <figure class="highcharts-figure"> <div id="container"></div> <p class="highcharts-description"> </p> </figure> <script > var tooltipConfig = { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + this.point.desc + '<br/>' + getLocalTime(this.point.x); }, dateTimeLabelFormats: { millisecond: '%H:%M:%S.%L', second: '%H:%M:%S', minute: '%H:%M', hour: '%H:%M', day: .........完整代码请登录后点击上方下载按钮下载查看
网友评论0