Changes

<includeonly>

<includeonly>

<div style="width:300px;height:300px">

<canvas id="myNapchart" width:100%;height:100%"></canvas></div>

<div style="width:320px;height:320px;">

<canvas id="nc-<!--{$url|escape:'html'}-->" width:100%;height:100%;"></canvas></div></div>

<script src="/napchart.min.js"></script>

<script src="/napchart.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

<script>

   var ctx = document.getElementById("myNapchart").getContext('2d')

   eval("var ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + " = document.getElementById(\"nc-<!--{$url|escape:'html'}-->\").getContext('2d')")

  var id = "zmdb8"

   $.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'])");

   $.getJSON('http://thumb.napchart.com:1771/api/get?chartid=' + id, function(data) {

    console.log(data);

     ch = data

});

});

</script>

</script>

</includeonly>

</includeonly>