Строковые данные PHP, переданные в Chart.js, плохо отображаются

Пробую работать с Chart.js впервые. Я уже понимаю, как это работает, но теперь я хочу передать свои данные с php на javascript.

Вот что у меня есть:

PHP

//send the string values to javascript
$grade_range_string = mb_substr($grade_range_string, 0, -2);
$percentage_count_string = implode(", ", $percentage_count_array);
//chart colors
$grade_chart_colors_string = "";
$grade_chart_colors_array = grade_chart_colors();
foreach ($grade_chart_colors_array as $color) {
    $grade_chart_colors_string .= "'".$color."'" . ", ";
}
$grade_chart_colors_string = mb_substr($grade_chart_colors_string, 0, -2); 

HTML

<span id = "grade_range_string" data-value = "<?php echo $grade_range_string; ?>"></span>
<span id = "percentage_count_string" data-value = "<?php echo $percentage_count_string; ?>"></span>
<span id = "grade_chart_colors_string" data-value = "<?php echo $grade_chart_colors_string; ?>"></span>

<canvas id = "broadsheet_piechart"></canvas>

Javascript:

// Pie chart
if ( $('#broadsheet_piechart').length ) {
    var grade_range_string = $('#grade_range_string').attr('data-value');
    var percentage_count_string = $('#percentage_count_string').attr('data-value');
    var grade_chart_colors_string = $('#grade_chart_colors_string').attr('data-value');
    //debug
    console.info(grade_range_string); 
    console.info(percentage_count_string); 
    console.info(grade_chart_colors_string); 

    var ctx = document.getElementById("broadsheet_piechart");
    var data = {
        datasets: [{
            data: [percentage_count_string],
            backgroundColor: [grade_chart_colors_string],
            label: 'My dataset' // for legend
        }],
        labels: [grade_range_string]
    };
    var broadsheet_piechart = new Chart(ctx, {
        data: data,
        type: 'pie',
        options: {
            animation: {
                duration: 0
            }
        }
    });  
}
//debug
console.info(data); 

В окне консоли 3 переменные grade_range_string, percentage_count_string, grade_chart_colors_string возвращают данные в том виде, в каком они отформатированы, но переменная данных наборов данных заключает данные в двойные кавычки, например:

data: ["'Item 1', 'Item 2', 'Item 3', 'Item etc'"] 

То же самое для backgroundColor и labels. Это портит мне пирог ...

Почему это происходит и как мне избавиться от цитат? Есть ли лучший способ добиться этого? Спасибо.