Widget:Napchart: Difference between revisions

From Polyphasic Sleep Wiki
mNo edit summary
No edit summary
 
(57 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<canvas id="myNapchart"></canvas>
<div style="padding:5px">
<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="/napchart.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
<script>
   var ctx = document.getElementById("myNapchart").getContext('2d')
   eval("var ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + " = document.getElementById(\"nc-<!--{$url|escape:'html'}-->\").getContext('2d')")
   var myNapchart = Napchart.init(ctx, {
   $.getJSON('https://cache.polysleep.org/napcharts/' + "<!--{$url|escape:'html'}-->".split('/').pop() + ".json", function(data) {
  // data goes here
    eval("var myNapchart_" + "<!--{$url|escape:'html'}-->".slice(21) + " = Napchart.init(ctx_" + "<!--{$url|escape:'html'}-->".split('/').pop() + ", data['chartDocument']['chartData'])");
  elements: [{
    console.log(data);
  "start":720,
});
  "end": 790,
  "text": "Cool text"
  },{
  "start":1420,
  "end":400
  }]
  }, {
  // options go here
})
</script>
</script>
</includeonly>
</includeonly>

Latest revision as of 22:11, 13 July 2021