Reply To: Multiseries Line Chart Mixture on Draw

[Vishwas R]

@maestrofc27,

Data in the chart seems to move back & froth as CanvasJS renders chart with the data in the order you pass in the options without sorting. Passing data in ascending order of x-values or sorting it based on x-values before rendering the chart seems to work fine in this case. Please find the code-snippet for sorting datapoints in ascending order of x-values below.

for(var i = 0; i < chart.options.data.length; i++) {
	chart.options.data[i].dataPoints.sort(compareDataPointXAscend);
}

function compareDataPointXAscend(dataPoint1, dataPoint2) {
	return dataPoint1.x - dataPoint2.x;
}

Please take a look at this updated JSFiddle for complete code.

—
Vishwas R
Team CanvasJS