multiple sets of datapoints

[Bxpocalypse1]

I was looking at this example:
https://canvasjs.com/docs/charts/how-to/create-charts-xml-data-ajax/

Is there a way to create multiple sets of datapoints from an XML file?

[Adithya Menon]

@bxpocalypse1,

It is possible to create a multi-series chart with data from an XML file by looping through the XML data as shown in the code-snippet below,

$(data).find("point").each(function () {
    var $dataPoint = $(this);
    var x = $dataPoint.find("x").text();
    var y1 = $dataPoint.find("y1").text();
    var y2 = $dataPoint.find("y2").text();
    dps1.push({x: parseFloat(x), y: parseFloat(y1)});
    dps2.push({x: parseFloat(x), y: parseFloat(y2)});
  });

The format of the dataPoints in the XML file (e.g. data.xml) should be:

<point>
	<x>5</x>
	<y1>8</y1>
	<y2>10</y2>
</point>

Kindly take a look at this CodeSandbox for a working example.

—
Adithya Menon
Team CanvasJS