Widget:Napchart: Difference between revisions
From Polyphasic Sleep Wiki
Created page with "<includeonly> <canvas id="myNapchart"></canvas> <script src="/dist/napchart.min.js"></script> <script> var ctx = document.getElementById("myNapchart").getContext('2d') var..." |
No edit summary |
||
| (58 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<canvas id=" | <div style="padding:5px"> | ||
<script src="/ | <div style="width:320px;height:320px;"> | ||
<canvas id="nc-<!--{$url|escape:'html'}-->" width:100%;height:100%;"></canvas></div></div> | |||
<script src="/napchart.min.js"></script> | |||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |||
<script> | <script> | ||
var | eval("var ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + " = document.getElementById(\"nc-<!--{$url|escape:'html'}-->\").getContext('2d')") | ||
$.getJSON('https://cache.polysleep.org/napcharts/' + "<!--{$url|escape:'html'}-->".split('/').pop() + ".json", function(data) { | |||
eval("var myNapchart_" + "<!--{$url|escape:'html'}-->".slice(21) + " = Napchart.init(ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + ", data['chartDocument']['chartData'])"); | |||
console.log(data); | |||
}); | |||
</script> | </script> | ||
</includeonly> | </includeonly> | ||
