Difference between revisions of "Widget:Napchart"
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...") |
|||
(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> |