Advertisement
Guest User

web tech

a guest
Mar 5th, 2015
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.38 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <script src="js/Chart.js"></script>
  5. <script language="javascript">
  6. var readText;
  7. var myGraph;
  8.  
  9. function readTextFile(fileName){
  10. var inFile = new XMLHttpRequest();
  11. inFile.open("GET", fileName, false);
  12. inFile.send();
  13. readText = inFile.responseText;
  14. return readText;
  15. }
  16.  
  17. var date = [];
  18. var volume = [];
  19. var adjClose = [];
  20. var collArray = [];
  21. function dividedText(nameFile){
  22. var readText2 = readTextFile(nameFile);
  23. var dividedText = readText2.split("\n");
  24.  
  25. for (i=1; i<dividedText.length-1; i++){ // ***
  26. var newData = dividedText[i].split(',');
  27. date.push(newData[0]);
  28. volume.push(newData[1]);
  29. adjClose.push(newData[2]);
  30. }
  31. collArray.push(date[0]);
  32. collArray.push(volume[0]);
  33. collArray.push(adjClose[0]);
  34. }
  35.  
  36. var ChartData = {
  37. labels : collArray[0],
  38. datasets : [
  39. {
  40. fillColor : "rgba(255,91,91,0.5)",
  41. strokeColor : "rgba(255,91,91,0.5)",
  42. data : []
  43. },
  44. {
  45. fillColor : "rgba(220,220,220,0.5)",
  46. strokeColor : "rgba(30,144,255,1)",
  47. data : []
  48. },
  49. ]
  50. }
  51.  
  52. function drawBarChart(){
  53. ChartData.datasets[0].data = adjClose; // *** TRANSFER DATA
  54. ChartData.labels = date;
  55. myGraph = new Chart(document.getElementById("canvas").getContext("2d")).Bar(ChartData);
  56.  
  57. }
  58. dividedText("aol.csv");
  59. dividedText("facebook.csv");
  60. </script>
  61.  
  62. </head>
  63.  
  64. <body>
  65. <h1> Search Engine Stock Comparisons </h1>
  66. <div>
  67. <canvas id="canvas" height="600" width="1000"></canvas>
  68. </div>
  69. <div>
  70. <button type="button" onClick="drawBarChart()">Draw Graph</button>
  71. </div>
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement