draw_chart.js 629 B

12345678910111213141516171819202122232425262728
  1. window.onload = function () {
  2. var symbol = document.getElementById("startID").innerText;
  3. fetch("/coin/"+symbol+"/").then(response => response.json()).then(
  4. function(jsonData) {
  5. points = generateDataPoints(jsonData)
  6. var chart = new CanvasJS.Chart("chartContainer",
  7. {
  8. data: [
  9. {
  10. type: "line",
  11. dataPoints: points
  12. }
  13. ]
  14. });
  15. chart.render();
  16. });
  17. }
  18. function generateDataPoints(coinArray) {
  19. var i, arr = [];
  20. for (i = 0; i < coinArray.length; i++) {
  21. arr.push({
  22. y: coinArray[i].prices,
  23. label: coinArray[i].date
  24. });
  25. }
  26. return arr;
  27. }