UNPKG

1.18 kB HTML View Raw
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <title>Mermaid Quick Test Page</title>
7 <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
8</head>
9<body>
10 <div class="mermaid">info
11 showInfo
12 </div>
13 <script src="./mermaid.js"></script>
14 <script>
15 mermaid.initialize({
16 theme: 'forest',
17 // themeCSS: '.node rect { fill: red; }',
18 logLevel: 1,
19 flowchart: { curve: 'linear' },
20 gantt: { axisFormat: '%m/%d/%Y' },
21 sequence: { actorMargin: 50 },
22 // sequenceDiagram: { actorMargin: 300 } // deprecated
23 });
24 </script>
25 <script>
26 function ganttTestClick(a, b, c){
27 console.log("a:", a)
28 console.log("b:", b)
29 console.log("c:", c)
30 }
31 function testClick(nodeId) {
32 console.log("clicked", nodeId)
33 var originalBgColor = document.querySelector('body').style.backgroundColor
34 document.querySelector('body').style.backgroundColor = 'yellow'
35 setTimeout(function() {
36 document.querySelector('body').style.backgroundColor = originalBgColor
37 }, 100)
38 }
39 </script>
40</body>
41</html>