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