vis-timeline-graph2d实现时间线交互排班安排表效果代码-html代码-BFW代码库

vis-timeline-graph2d实现时间线交互排班安排表效果代码

代码语言：html

所属分类：图表

代码描述：vis-timeline-graph2d实现时间线交互排班安排表效果代码

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

<!DOCTYPE html>
<html>
  <head>
    <title>Timeline | interaction | Sequential Selection</title>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vis-timeline-graph2d.min.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vis-timeline-graph2d.min.css">
    <style>
      body,
      html {
        font-family: arial, sans-serif;
        font-size: 11pt;
      }

      .vis-item.vis-background.negative {
        background-color: rgba(255, 0, 0, 0.2);
      }
      .vis-item.vis-background.positive {
        background-color: rgba(105, 255, 98, 0.2);
      }
      .vis-item.vis-background.marker {
        border-left: 2px solid green;
      }

      table {
        border: 1px solid gray;
      }

      td {
        text-align: center;
      }

      code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px;
      }
    </style>
  </head>
  <body>
    <p>This example shows the sequential selection option.</p>
    <p>
      When <code>sequentialSelection</code> is true, then only sequential items are allowed to be selected (no
      gaps).
    </p>
    <table>
      <.........完整代码请登录后点击上方下载按钮下载查看