Difference between revisions of "Widget:Napchart"

From Polyphasic Sleep Wiki
m
m
Line 3: Line 3:
 
<canvas id="myNapchart" width:100%;height:100%"></canvas></div>
 
<canvas id="myNapchart" width:100%;height:100%"></canvas></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')
 
   var ctx = document.getElementById("myNapchart").getContext('2d')
   var myNapchart = Napchart.init(ctx, {
+
   var id = "zmdb8"
  // data goes here
+
  var ch;
  elements: [{
+
  $.getJSON('http://thumb.napchart.com:1771/api/get?chartid=' + id, function(data) {
  "start":720,
+
    ch = data
  "end": 790,
+
});
  "text": "Cool text"
+
 
  },{
+
   var myNapchart = Napchart.init(ctx, ch)
  "start":1420,
 
  "end":400
 
  }]
 
   }, {
 
  // options go here
 
})
 
 
</script>
 
</script>
 
</includeonly>
 
</includeonly>

Revision as of 03:19, 12 December 2020