Issue With Highchart Data Display When Parsing Json Data

I am trying to dynamically fetch the data from a PhP module, load it as JSON data into javascript and use this data to generate a Pie chart using HighCharts. The Pie chart is gener

Solution 1:

It works with static data because the count is an int

["html",158]

And it doesn't work with dynamic data because it returns a string count

{"skill":"html","count":"158"}

Notice the double quotes around the second code line? You need to either cast your string to an int in php or in javascript before passing it to highcharts

And another thing, if you run the code highcharts should complain with an error

Uncaught Highcharts error #14: www.highcharts.com/errors/14 

If you visit the link it basically says the same thing about strings.

There is another thing wrong with the code

[["html",158],["css",134]]

As you can see here we have an array of arrays and when we run your code with string to int parsing we get

["html", 158, "css", 134]

Notice the problem? We have an array of four elements. What you need to do is:

result.push([entry.skill, entry.count]);

Push an array of two elements to the result variable and don't forget that count must be an int

Solution 2:

Try this,

result.push([entry.skill, parseInt(entry.count)]);