two csv in the same chart

• October 29, 2018 at 3:21 pm #23237
  
  lola123

  HI,

  I want creating one chart with two CSV files.

  code js :

  $.ajax({
  type: “GET”,
  url: “test1.csv”,
  dataType: “text”,
  success: function (data) {
  processCSV1(data, “3000”, “3000”, “Info1”);
  }
  });

  $.ajax({
  type: “GET”,
  url: “test2.csv”,
  dataType: “text”,
  success: function (data) {
  processCSV1(data, “3000”, “000”, “Info1”);
  }
  });

  function processCSV1(allText, containerID, titleText, axYTitle) {
  var allLinesArray = allText.split(“\n”);
  if (allLinesArray.length > 0) {
  var dataPoints1 = [];
  var dataPoints2 = [];
  for (var i = 0; i <= allLinesArray.length – 1; i++) {
  var rowData = allLinesArray[i].split(“;”);
  dataPoints1.push({
  label: rowData[0],
  y: parseFloat(rowData[1])
  });

  dataPoints2.push({
  label: rowData[0],
  y: parseFloat(rowData[1])
  });
  }

  var chart = new CanvasJS.Chart(containerID, {
  animationEnabled: true,
  zoomEnabled: true,
  title: {
  text: titleText,
  fontSize: 25
  },
  axisX: {
  title: “Graphe1”,

  },
  axisY: {
  title: axYTitle,
  },
  legend: {
  horizontalAlign: “center”,
  verticalAlign: “top”,
  fontSize: 15
  },
  data: [{
  type: “line”,
  markerType: “circle”,
  dataPoints: dataPoints1
  },
  {
  type: “line”,
  markerType: “circle”,
  dataPoints: dataPoints2

  }]

  });
  chart.render();
  }
  }

  it shows me that a curve, how i can do?

  October 30, 2018 at 11:00 am #23252
  
  Priyanka M S

  @lola123,

  Please take a look at this JSFiddle on rendering a multi-series chart using multiple external CSV files.

  __
  Priyanka M S
  Team CanvasJS

  January 20, 2020 at 4:21 am #28081
  
  santossg

  Hello

  I have this:

  File1
  a,10
  b,12
  c,29
  d,34
  e,28

  File2
  c,35
  d,27
  e,21

  When I load the files into datapoints, the chart line for file2 is drawed at “a,b,c” level form File1, and I expected this to start only at “c,d,e” level.

  How to get this working properly?

  Thanks

  January 20, 2020 at 7:11 pm #28105
  
  Indranil

  @santossg,

  dataPoints are aligned based on the x values and not the label. Assigning x values to the corresponding label and mapping it according to the label values should work fine in your case.

  ___________
  Indranil Deo
  Team CanvasJS

  January 22, 2020 at 8:32 pm #28136
  
  santossg

  Thanks Indranil, I had used the label instead of x. It works now.

  Very thanks.