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'}-->" width:100%;height:100%;"></canvas></div></div>
+<canvas id="nc-<!--{$url|escape:'html'}-->" style="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>
-   eval("var ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + " = document.getElementById(\"nc-<!--{$url|escape:'html'}-->\").getContext('2d')")
+   var chartIdSuffix = "<!--{$url|escape:'html'}-->".split('/').pop();
-   $.getJSON('https://cache.polysleep.org/napcharts/' + "<!--{$url|escape:'html'}-->".split('/').pop() + ".json", function(data) {
+  var canvasId = "nc-<!--{$url|escape:'html'}-->";
-     eval("var myNapchart_" + "<!--{$url|escape:'html'}-->".slice(21) + " = Napchart.init(ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + ", data['chartDocument']['chartData'])");
-    console.log(data);
+  var ctx = document.getElementById(canvasId).getContext('2d');
-});
+   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