Changes

<div style="padding:5px">

<div style="padding:5px">

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

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

<canvas id="myNapchart" 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="/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')

   var ctx = document.getElementById("nc-<!--{$url|escape:'html'}-->").getContext('2d')

   var id = "<!--{$url|escape:'html'}-->".slice(21)

   var id = "<!--{$url|escape:'html'}-->".slice(21)

   $.getJSON('https://zandimna6174-eval-prod.apigee.net/get?chartid=' + id, function(data) {

   $.getJSON('https://zandimna6174-eval-prod.apigee.net/get?chartid=' + id, function(data) {