Chart is rendering but y axis is not proper

[ahmedali123]

Hi

My chart is rendering but the labels of y axis is not proper according to the values

Below is my code and jsfiddle link

window.onload = function () {

function ParseDatapoints(data)
{

var dataPoints = [];
$.each(data, function (key, value) {
if( value[0] != null)
{

dataPoints.push({ x: value[0], y: value[1]});
}

});

// dataPoints.pop();
console.log(dataPoints);
return dataPoints ;

}

var weightForAgeJsonData = ‘[[[0,2.4],[1,3.2],[2,4],[3,4.6],[4,5.1],[5,5.5],[6,5.8],[7,6.1],[8,6.3],[9,6.6],[10,6.8],[11,7],[12,7.1],[13,7.3],[14,7.5],[15,7.7],[16,7.8],[17,8],[18,8.2],[19,8.3],[20,8.5],[21,8.7],[22,8.8],[23,9],[24,9.2],[25,9.3],[26,9.5],[27,9.6],[28,9.8],[29,10],[30,10.1],[31,10.3],[32,10.4],[33,10.5],[34,10.7],[35,10.8],[36,11],[null,null]],[[0,2.9],[1,3.8],[2,4.7],[3,5.4],[4,5.9],[5,6.4],[6,6.7],[7,7],[8,7.3],[9,7.6],[10,7.8],[11,8],[12,8.2],[13,8.4],[14,8.6],[15,8.8],[16,9],[17,9.2],[18,9.4],[19,9.6],[20,9.8],[21,10],[22,10.2],[23,10.4],[24,10.6],[25,10.8],[26,10.9],[27,11.1],[28,11.3],[29,11.5],[30,11.7],[31,11.9],[32,12],[33,12.2],[34,12.4],[35,12.5],[36,12.7],[null,null]],[[0,3.2],[1,4.2],[2,5.1],[3,5.8],[4,6.4],[5,6.9],[6,7.3],[7,7.6],[8,7.9],[9,8.2],[10,8.5],[11,8.7],[12,8.9],[13,9.2],[14,9.4],[15,9.6],[16,9.8],[17,10],[18,10.2],[19,10.4],[20,10.6],[21,10.9],[22,11.1],[23,11.3],[24,11.5],[25,11.7],[26,11.9],[27,12.1],[28,12.3],[29,12.5],[30,12.7],[31,12.9],[32,13.1],[33,13.3],[34,13.5],[35,13.7],[36,13.9],[null,null]],[[0,3.6],[1,4.6],[2,5.6],[3,6.4],[4,7],[5,7.5],[6,7.9],[7,8.3],[8,8.6],[9,8.9],[10,9.2],[11,9.5],[12,9.7],[13,10],[14,10.2],[15,10.4],[16,10.7],[17,10.9],[18,11.1],[19,11.4],[20,11.6],[21,11.8],[22,12],[23,12.3],[24,12.5],[25,12.7],[26,12.9],[27,13.2],[28,13.4],[29,13.6],[30,13.8],[31,14.1],[32,14.3],[33,14.5],[34,14.7],[35,14.9],[36,15.1],[null,null]],[[0,4.2],[1,5.4],[2,6.5],[3,7.4],[4,8.1],[5,8.7],[6,9.2],[7,9.6],[8,10],[9,10.4],[10,10.7],[11,11],[12,11.3],[13,11.6],[14,11.9],[15,12.2],[16,12.5],[17,12.7],[18,13],[19,13.3],[20,13.5],[21,13.8],[22,14.1],[23,14.3],[24,14.6],[25,14.9],[26,15.2],[27,15.4],[28,15.7],[29,16],[30,16.2],[31,16.5],[32,16.8],[33,17],[34,17.3],[35,17.6],[36,17.8],[null,null]],[[3.63333333333333,5]]]’;
var weightData = JSON.parse(weightForAgeJsonData);
console.log(weightData);

var chart = new CanvasJS.Chart(“chartContainer”, {
animationEnabled: true,
title:{
text: “Cumulative App Downloads on iTunes and Play Store”
},
axisY :{
yValueFormatString:”0.0″,

includezero:false

},
axisX: {
valueFormatString: “0”,
title: “Months After Launch”,
interval:5,
includezero:false
},
toolTip: {
shared: true
},
data: [
{
includezero:false,
type: “stackedArea”,
name: “Android”,
markerType: “none”,
showInLegend: true,
dataPoints: ParseDatapoints(weightData[0])
},
{

includezero:false,
type: “stackedArea”,
name: “Android”,
markerType: “none”,
showInLegend: true,
dataPoints: ParseDatapoints(weightData[1])

}
]
});
chart.render();

}

Below is jsfiddle link
https://jsfiddle.net/ahmed123456789/mn8xq6pg/116/

if we see using the tooltip in jsfiffle the y axis is not proper according to the values

Kindle help me it is a POC so that later i can buy a licence version of it

• This topic was modified 4 years, 3 months ago by ahmedali123.

[Manoj Mohan]

@ahmedali123,

Stacked Area Charts are Area Charts plotted together with aligned x values, such that at any point it shows a cumulative total of that point for all series. Because of this reason, the dataSeries will be shown at the value which is the sum of all its previous dataSeries.

Considering this thread as duplicate of Chart is rendering but y axis is not proper and hence closing the same.

—-
Manoj Mohan
Team CanvasJS