How to print php variable inside javascript and change php's array format

Question

I use Chart.js to present my data.

var data_2 = {
    datasets: [{
        data: //print php var here,
        backgroundColor: [
            '#00c0ef',
            '#f56954',
            '#00a65a',
        ],
    }],
};

I want to change my array format from something like

Array ( [jml] => 833 ) Array ( [jml] => 6 ) Array ( [jml] => 18 ))

to [833, 6, 18]

My questions are how to print my php variable inside javascript and how to change php's array style to javascript's array style. Thanks

Assuming `$arr = [833, 6, 18]` you can do `data: = json_encode($arr) ?>,` — miken32, Nov 07 '18 at 04:07
You have 3 arrays not 1, poss dupe: [How to get an array of specific “key”](https://stackoverflow.com/questions/7994497/how-to-get-an-array-of-specific-key-in-multidimensional-array-without-looping/7994555#7994555) — Lawrence Cherone, Nov 07 '18 at 04:09

score 1 · Accepted Answer · answered Nov 07 '18 at 04:28

json_encode() is well suited for injecting data into JavaScript:

<?php
$data = [["jml"=>833], ["jml"=>6], ["jml"=>18]];
$arr = array_column($data, "jml");
$var = json_encode($arr);
?>

<script>
var data_2 = {
    datasets: [{
        data: <?= $var ?>,
        backgroundColor: [
            '#00c0ef',
            '#f56954',
            '#00a65a',
        ],
    }],
};
</script>

score 0 · Answer 2 · answered Nov 07 '18 at 04:23

In php part:

<?php
$dataArr = Array ( Array ( 'jml' => 833 ), Array ( 'jml' => 6 ), Array ( 'jml' => 18 ));

$chartData = '';
foreach($dataArr as $data){
    $chartData .= $data['jml'].',';
}

$chart = '['.rtrim($chartData,',').']';
?>

Then change in your script to:

var data_2 = {
    datasets: [{
        data: <?php  echo $chart; ?>,
        backgroundColor: [
            '#00c0ef',
            '#f56954',
            '#00a65a',
        ],
    }],
};

score 0 · Answer 3 · answered Nov 07 '18 at 04:27

Simple way
I had already tired this way,its working.See this link but,I have use laravel Recurring events in FullCalendar with Laravel

var data_2 = {
    datasets: [{
        data: [<?php echo $var[0],$var[1],$var[2] ?>],
        backgroundColor: [
            '#00c0ef',
            '#f56954',
            '#00a65a',
        ],
    }],
};

How to print php variable inside javascript and change php's array format

3 Answers3