| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Chart.js</title> |
| <style type="text/css" media="all"> |
| label { |
| user-select: none; |
| display: inline-flex; |
| align-items: center; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="app"> |
| <button id="run-all" type="button">Run all scenario (development only)</button> |
| <button id="prepare" type="button">Prepare data</button> |
| <button id="add-scatter-chart-button" type="button">Draw a scatter chart</button> |
| <button id="open-tooltip" type="button">Open tooltips</button> |
| <button id="reset" type="button">Reset</button> |
| <label><input type="checkbox" id="opaque-color" />Use opaque color for next draw</label> |
| </div> |
| <canvas id="chart"></canvas> |
| <script> |
| // This hack allows to capture the work normally happening in a rAF. We |
| // may be able to remove it if the runner improves. |
| window.requestAnimationFrame = (cb) => window.setTimeout(cb, 0); |
| window.cancelAnimationFrame = window.clearTimeout; |
| </script> |
| <script type="module" src="/chartjs.js"></script> |
| </body> |
| </html> |
