diff options
Diffstat (limited to 'web/chartjs.html')
-rw-r--r-- | web/chartjs.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/web/chartjs.html b/web/chartjs.html index a30e67b..53ef44d 100644 --- a/web/chartjs.html +++ b/web/chartjs.html @@ -179,7 +179,7 @@ <h1 id="chartjs"><a class="header" href="#chartjs">Chart.js</a></h1> <h2 id="minimal-example-with-external-tooltips"><a class="header" href="#minimal-example-with-external-tooltips">Minimal example with <em>external</em> tooltips</a></h2> <p><a href="src/chartjs-ext-tooltip.html">Rendered html</a></p> -<pre><code class="language-html"><canvas id="myChart" style="margin:5em;"></canvas> +<pre><code class="language-html"><canvas id="myChart" style="margin:5em;"></canvas> <script> const get_or_create_tooltip = (id) => { @@ -215,12 +215,12 @@ const render_tooltip = (context) => { // -- Format new tooltip. const link = document.createElement('a'); - link.href = "https://github.com/johannst"; - link.innerHTML = "X:" + x + " Y:" + y; + link.href = "https://github.com/johannst"; + link.innerHTML = "X:" + x + " Y:" + y; // -- Remove previous child element and add new one. const table = tooltip_elem.querySelector('table'); - table.innerHTML = ""; + table.innerHTML = ""; table.appendChild(link); // -- Get absolute X/Y position of the top left corner of the canvas. @@ -232,9 +232,9 @@ const render_tooltip = (context) => { tooltip_elem.style.font = tooltip.options.bodyFont.string; // -- Place the tooltip (I) left or (II) right of the data point. - if (tooltip.xAlign === "right") { + if (tooltip.xAlign === "right") { tooltip_elem.style.transform = 'translate(-100%, 0)'; // (I) - } else if (tooltip.xAlign === "left") { + } else if (tooltip.xAlign === "left") { tooltip_elem.style.transform = 'translate(0%, 0)'; // (II) } } |