Proper use of wp_localize_script?

Question

I want to pass an array of data to my script mygaloochart_script located in the chart.js file.

Here's what I tried:

//I'm no using $atts directly because of reasons
$dataToBePassed = array (
                'chart' => $atts['chart'],
                'element' => $atts['element'],
                'elementtype' => $atts['elementtype'],
                'title' => $atts['title']
);

function pw_load_scripts() {
    wp_enqueue_script('googlechart', 'https://www.gstatic.com/charts/loader.js');
    wp_enqueue_script('mygaloochart_script', plugins_url('chart.js', __FILE__), array('googlechart'));
    wp_localize_script('mygaloochart_script', 'php_vars', $datatoBePassed);
}

 add_action('wp_enqueue_scripts', 'pw_load_scripts');

The first line of chart.js is console.log(php_vars.chart);, however nothing appears in the console.

What am I doing wrong?

Answer 1

How does your function pw_load_scripts() know about the existence of $dataToBePassed? Is the variable global? Looking at the code you've got, I'm guessing that, as far as wp_localize_script() is concerned, $dataToBePassed is a local variable, and it's probably null.