How to add PHP array to JS array in Highcharts

Question

All I want is to be able to add this simple PHP array to display in the X axis. It\'s not wanting to display my content at all and I\'m not understanding why.

Answer 1

An JSON Object is not the same as an js array. You would need to parse the code first. JSON.parse() or eval() might help parsing.

js_array = JSON.parse('<?php echo json_encode($array) ?>'); 

as @user1477388 commented correctly

Answer 2

it worked with me like this:

for categories :

categories: [<?php for($i = 0; $i < count($name); $i++){ echo "'".$name[$i]."'"; echo ",";} ?>],

for data:

data: [<?php echo join($age, ',') ?>]

Note that $name is a string array and $age is an integer array. Also keep in mind that this code worked with me when I imbedded the php,Sql query in the same page.

Answer 3

We seem to be overcomplicating matters here...

change this:

           js_array = new Array(<?php echo json_encode($array) ?>);

           ...

           xAxis: {
                categories: js_array
            }

to this:

xAxis: {
   categories: <?php echo json_encode($array); ?>
}

Answer 4

Try this.

var js_array = <?php echo json_encode($array); ?>;

Answer 5

Take look at the article http://docs.highcharts.com/#preprocessing-data-from-a-database which describe hwo to use array.