Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <script src="js/Chart.js"></script>
- <script language="javascript">
- var readText;
- var myGraph;
- function readTextFile(fileName){
- var inFile = new XMLHttpRequest();
- inFile.open("GET", fileName, false);
- inFile.send();
- readText = inFile.responseText;
- return readText;
- }
- var date = [];
- var volume = [];
- var adjClose = [];
- var collArray = [];
- function dividedText(nameFile){
- var readText2 = readTextFile(nameFile);
- var dividedText = readText2.split("\n");
- for (i=1; i<dividedText.length-1; i++){ // ***
- var newData = dividedText[i].split(',');
- date.push(newData[0]);
- volume.push(newData[1]);
- adjClose.push(newData[2]);
- }
- collArray.push(date[0]);
- collArray.push(volume[0]);
- collArray.push(adjClose[0]);
- }
- var ChartData = {
- labels : collArray[0],
- datasets : [
- {
- fillColor : "rgba(255,91,91,0.5)",
- strokeColor : "rgba(255,91,91,0.5)",
- data : []
- },
- {
- fillColor : "rgba(220,220,220,0.5)",
- strokeColor : "rgba(30,144,255,1)",
- data : []
- },
- ]
- }
- function drawBarChart(){
- ChartData.datasets[0].data = adjClose; // *** TRANSFER DATA
- ChartData.labels = date;
- myGraph = new Chart(document.getElementById("canvas").getContext("2d")).Bar(ChartData);
- }
- dividedText("aol.csv");
- dividedText("facebook.csv");
- </script>
- </head>
- <body>
- <h1> Search Engine Stock Comparisons </h1>
- <div>
- <canvas id="canvas" height="600" width="1000"></canvas>
- </div>
- <div>
- <button type="button" onClick="drawBarChart()">Draw Graph</button>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement