Difference between revisions of "Widget:Napchart"
From Polyphasic Sleep Wiki
Tag: Undo |
Tag: Undo |
||
| 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://zandimna6174-eval-prod.apigee.net/get?chartid=' + id, function(data) { | $.getJSON('https://zandimna6174-eval-prod.apigee.net/get?chartid=' + id, function(data) { | ||
| − | var myNapchart | + | var myNapchart = Napchart.init(ctx, data['chartData']) |
console.log(data) | console.log(data) | ||
}); | }); | ||
