Widget:Napchart: Difference between revisions
From Polyphasic Sleep Wiki
mNo edit summary |
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-<!--{$url | <canvas id="nc-<!--{substr($url,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-<!--{$url | var ctx-<!--{substr($url,21)|escape:'html'}--> = document.getElementById("nc-<!--{substr($url,21)|escape:'html'}-->").getContext('2d') | ||
var id = "<!--{$url | var id = "<!--{substr($url,21)|escape:'html'}-->" | ||
$.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-<!--{$url | var myNapchart-<!--{$url.substr(21)|escape:'html'}--> = Napchart.init(ctx-<!--{substr($url,21)|escape:'html'}-->, data['chartData']) | ||
console.log(data) | console.log(data) | ||
}); | }); | ||
