Changes

<div style="padding:5px">

<div style="padding:5px">

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

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

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

<canvas id="nc-<!--{$url.substr(21)|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("nc-<!--{$url|escape:'html'}-->").getContext('2d')

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

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

   var id = "<!--{$url.substr(21)|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) {

     var myNapchart = Napchart.init(ctx, data['chartData'])

     var myNapchart-<!--{$url.substr(21)|escape:'html'}--> = Napchart.init(ctx-<!--{$url.substr(21)|escape:'html'}-->, data['chartData'])

     console.log(data)

     console.log(data)

});

});