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.

<!DOCTYPE HTML>
<html>
    <head>
        <?php 
        $array = array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
        ?>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">


$(function () {
    js_array = new Array(<?php echo json_encode($array) ?>);
        $('#container').highcharts({
            title: {
                text: 'Monthly Average Temperature',
                x: -20 //center
            },
            subtitle: {
                text: 'Source: WorldClimate.com',
                x: -20
            },
            xAxis: {
                categories: js_array
            }

won't solve your problem, but you should use [] instead of new Array - the latter creates an unneeded object wrapper — user428517
– user428517, Commented Aug 5, 2013 at 17:40
Try js_array = JSON.parse('<?php echo json_encode($array) ?>'); — user1477388
– user1477388, Commented Aug 5, 2013 at 17:40
I'm getting no luck with that. I'm still getting a blank screen. — Tabias
– Tabias, Commented Aug 5, 2013 at 17:46

jlbriggs · Accepted Answer · 2013-08-06 17:10:02Z

4

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); ?>
}

answered Aug 6, 2013 at 17:10

jlbriggs

17.8k4 gold badges39 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dilantha · Accepted Answer · 2013-08-05 17:44:12Z

1

Try this.

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

answered Aug 5, 2013 at 17:44

Dilantha

1,6343 gold badges33 silver badges49 bronze badges

7 Comments

devdot Over a year ago

It wont help, you cant use JSON-encoded strings directly. You need to parse them first

Tabias Over a year ago

No luck, still getting a blank screen.

Dilantha Over a year ago

after adding the php array into js did you try to check the value inside your array ? it can be some other issue as well. try console.log(js_array) and see weather the values are there

Tabias Over a year ago

Yeah that seems to be an issue as well. It's not wanting to print out the values.

Tabias Over a year ago

There is a major issue going on. I've commented out everything and tried just echoing out the php. Not even that works.

|

devdot · Accepted Answer · 2013-08-05 17:48:38Z

0

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

edited Aug 5, 2013 at 17:48

answered Aug 5, 2013 at 17:41

devdot

1786 bronze badges

4 Comments

user428517 Over a year ago

+1 but eval is unnecessary. use JSON.parse, which was designed for this kind of thing.

devdot Over a year ago

I know, but eval is not as bad as everybody thinks. Just in case JSON.parse() is not availible (its only supported in most browser), eval() works the same way.

user428517 Over a year ago

if JSON.parse is not available, standard practice is to just include crockford's json2.js library. eval will work fine for this case (as there's no user input), but recommending it as a general solution is not a good idea.

jlbriggs Over a year ago

there's no need to parse anything - you can use the json_encoded array directly as the categories array.

Sebastian Bochan · Accepted Answer · 2013-08-06 08:54:33Z

0

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

answered Aug 6, 2013 at 8:54

Sebastian Bochan

37.6k3 gold badges51 silver badges75 bronze badges

Comments

Essa A. Assiri · Accepted Answer · 2014-06-06 23:59:36Z

0

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.

answered Jun 6, 2014 at 23:59

Essa A. Assiri

11 bronze badge

Collectives™ on Stack Overflow

How to add PHP array to JS array in Highcharts

5 Answers 5

Comments

7 Comments

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

7 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related