var xx = [];
var yy = [];
var data = [];
function readTextFile(callback)
{
  var allText;

  var rawFile = new XMLHttpRequest();
    rawFile.open("GET", "s.csv", true);
    rawFile.onreadystatechange = function () {
      if(rawFile.readyState === 4){
        if(rawFile.status === 200 || rawFile.status == 0){
          allText = rawFile.responseText;
          allText = allText.replace(/(?:\r\n|\r|\n)/g, ';');
          allText = allText.split(';');

          var iS = 0;
          var jS = 0;
          for (i = 0; i < allText.length; i++) {
            if(i%2 == 0){
              xx[iS] = Number(allText[i]);
              iS++;
            }
            else {
              yy[jS] = Number(allText[i]);
              jS++;
            }
          }
          if (typeof callback == 'function'){
            callback();
          }
        }
      }
    };
  rawFile.send(null);
}
function prepare()
{
  var limit = 10;

  var y = 0;
  var dataSeries = { type: "line" };
  var dataPoints = [];
  for (var i = 0; i <= limit; i++)
  {
    dataPoints.push({
      x: xx[i],
      y: yy[i]
    });
  }

  dataSeries.dataPoints = dataPoints;
  data.push(dataSeries);
}

function plotChart() {
  readTextFile(function(){
    var options, chart;
    options = {
      zoomEnabled: true,
      animationEnabled: true,
      title:{
        text: "test"
      },
      axisX :{
        labelAngle: -30
      },
      axisY :{
        includeZero:true
      },
      data: data
    }
    prepare();
    chart = new CanvasJS.Chart("chartContainer", options);
    chart.render();
    dataDiv = document.getElementById('myDiv');
    dataDiv.innerHTML = yy[0]-yy[1];
  });
}