Widget:Napchart: Difference between revisions

@@ Line 2: / Line 2: @@
 <div style="padding:5px">
 <div style="width:320px;height:320px;">
-<canvas id="nc-<!--{$url|escape:'html'}-->" style="width:100%;height:100%;"></canvas></div></div>
+<canvas id="nc-<!--{$url|escape:'html'}-->" width:100%;height:100%;"></canvas></div></div>
 <script src="/napchart.min.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script>
-   var chartIdSuffix = "<!--{$url|escape:'html'}-->".split('/').pop();
+   eval("var ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + " = document.getElementById(\"nc-<!--{$url|escape:'html'}-->\").getContext('2d')")
-  var canvasId = "nc-<!--{$url|escape:'html'}-->";
+   $.getJSON('https://cache.polysleep.org/napcharts/' + "<!--{$url|escape:'html'}-->".split('/').pop() + ".json", function(data) {
+     eval("var myNapchart_" + "<!--{$url|escape:'html'}-->".slice(21) + " = Napchart.init(ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + ", data['chartDocument']['chartData'])");
-  var ctx = document.getElementById(canvasId).getContext('2d');
+    console.log(data);
+});
-  fetch('https://napchart.com/api/v2/getChart?chartid=' + chartIdSuffix)
-    .then(response => response.json())
-     .then(data => {
-      Napchart.init(ctx, data['chartDocument']['chartData']);
-      console.log(data);
-    })
-    .catch(error => console.error('Error fetching napchart data:', error));
 </script>
 </includeonly>

Anonymous