Передача переменной из Smarty в js

[ureech]

Привет.
php

$gr_colors = ['"#50B432"', '"#ED561B"', '"#DDDF00"', '"#24CBE5"', '"#64E572"', '"#FF9655"', '"#FFF263"', '"#6AF9C4"'];
        $gr_colors = implode(',',$gr_colors);

Передаю переменную в смарти шаблон.Там:

<script>
var gr_color = "{$gr_colors}";
</script>

И далее мне нужно передать эту переменную в опции библиотеки Highcharts.js Сейчас у меня прописанно та жёстко

Highcharts.setOptions({
        colors: ["#50B432", "#ED561B",...]
    });

Но если подставляю мою пременную

Highcharts.setOptions({
        colors: [gr_color]
    })

Не подхватывает. Работают дефолтовые настройки. В чём может быть дело?
console.log(gr_color)
"#50B432","#ED561B","#DDDF00","#24CBE5","#64E572", "#FF9655","#FFF263","#6AF9C4"

[Nexus]

$gr_colors = ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'];

<script>
var gr_colors = {$gr_colors|json_encode};
</script>

Highcharts.setOptions({
    colors: gr_color
});