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
– miken32, Commented Nov 7, 2018 at 4:07
You have 3 arrays not 1, poss dupe: How to get an array of specific “key” — Lawrence Cherone
– Lawrence Cherone, Commented Nov 7, 2018 at 4:09

miken32 · Accepted Answer · 2018-11-07 04:28:10Z

1

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>

answered Nov 7, 2018 at 4:28

miken32

42.5k16 gold badges127 silver badges177 bronze badges

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

Comments

Delwar Sumon · Accepted Answer · 2018-11-07 04:23:16Z

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',
        ],
    }],
};

Balaji Rajendran · Accepted Answer · 2018-11-07 04:27:32Z

0

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',
        ],
    }],
};

answered Nov 7, 2018 at 4:27

Balaji Rajendran

3675 silver badges17 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related