Highcharts series data array not working - highcharts

Question

From the servlet I am getting back 3 arrays activeArray,inActiveArray and rejectedArray. I would like to pick these arrays in the java script and come up with a high charts that plots the categories as the blood group names like A+, A- etc.
The series names will be Active, Inactive and rejected.
The series data will have to be the arrays mentioned above.
I was able to achieve only the categories but the series data does not get plotted. I have included the script code below.
<script>
var nameArray ="${nameArray}";
var bloodNames = [
<c:forEach items="${nameArray}" var="name">
'<c:out value="${name}" />',
</c:forEach>
];
var activeValue = new Array();
activeValue = [
<c:forEach items="${activeArray}" var="data">
'<c:out value="${data}" />',
</c:forEach>
];
var seriesData = [
{
name: 'Active',
data:activeValue
},{
name:'InActive',
data:[3, 01, 03,0,0,0]
},
{
name:'Rejected',
data:[4, 01, 03,0,2,0]
}
]
$(function () {
var myChart = Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Donar Status Report'
},
subtitle: {
text: 'Blood Name Wise'
},
xAxis: {
categories:
bloodNames
,
crosshair: true
},
yAxis: {
min: 0,
title: {
text: 'Person (in Counts)'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: seriesData
});
});

Answer 1

The quotes around the data in the active is the problem. The column chart expecting an integer as data.

Answer 2

You can use Map function to convert array of string to array of number.Rest of your chart is ok
var activeValue= ["1","3","2","2","1","2","0","1","0","0"]
activeValue=activeValue.map(Number)
console.log(activeValue)