Widget:Napchart: Difference between revisions
From Polyphasic Sleep Wiki
mNo edit summary |
|||
| Line 2: | Line 2: | ||
<div style="padding:5px"> | <div style="padding:5px"> | ||
<div style="width:320px;height:320px;"> | <div style="width:320px;height:320px;"> | ||
<canvas id="nc-<!--{substr( | <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-<!--{substr( | var ctx-<!--{$url.substr(21)|escape:'html'}--> = document.getElementById("nc-<!--{$url|escape:'html'}-->").getContext('2d') | ||
var id = "<!--{substr( | var id = "<!--{$url.substr(21)|escape:'html'}-->".slice(21) | ||
$.getJSON('https://Admin6174-eval-prod.apigee.net/get?chartid=' + id, function(data) { | $.getJSON('https://Admin6174-eval-prod.apigee.net/get?chartid=' + id, function(data) { | ||
var myNapchart-<!--{$url.substr(21)|escape:'html'}--> = Napchart.init(ctx-<!--{substr( | var myNapchart-<!--{$url.substr(21)|escape:'html'}--> = Napchart.init(ctx-<!--{$url.substr(21)|escape:'html'}-->, data['chartData']) | ||
console.log(data) | console.log(data) | ||
}); | }); | ||
