-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
37 lines (34 loc) · 1.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gantt Chart Example Embed</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/javascript.min.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="timeline-chart" class="container"></div>
<div class="container">
<h2>Interface</h2>
<p>The timeline chart component takes two parameters:</p>
<pre>timeline(targetId, options);</pre>
<p>
The <code>targetId</code> is the id of the Element which the compnent should be inserted into.
The containing element will remain.
</p>
<p>
The <code>options</code> parameter is an object of the following form.
This is documented in the <a href="test.js">test.js</a> file, which also
exports some generated test data:
</p>
<pre><code id="documented-example" class="language-javascript"></code></pre>
</div>
<div id="examples" class="container"></div>
<div id="timeline-chart-full" class="container"></div>
<script type="module" src="example.js"></script>
</body>
</html>