錯誤：未知的標頭類型：21

Question

我正在使用谷歌餅圖，我的json值是：

[
    ["Exhibitor Fee", 21], 
    ["Attendee Registration", 400], 
    ["Hotel Cost Per Night", 21212], 
    ["Sponsorship", 435], 
    ["Shippng", 456]
]

我的代碼是：

var jsonValues = '<?php echo $staticEvent; ?>'
var pieValues = $.parseJSON(jsonValues);
console.log(pieValues);
google.charts.load('current', {'packages': ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {

    var data = google.visualization.arrayToDataTable(pieValues);

    var options = {
        title: 'My Daily Activities'

    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
}

Answer 1

從這里的外觀來看，餅圖希望第一個數組是圖表的標題，我想應該是字符串，而您的第一個數組是string, int

嘗試將json更改為：

[
    ["Activity", "Cost"],
    ["Exhibitor Fee", 21], 
    ["Attendee Registration", 400], 
    ["Hotel Cost Per Night", 21212], 
    ["Sponsorship", 435], 
    ["Shippng", 456]
]

Answer 2

你好嗎，

試試吧：

在您的php var $ staticEvent;中； 您更改為：

<?php
     $staticEvent = json_encode($staticEvent, JSON_UNESCAPED_UNICODE);
?>

還有你的JS：

var jsonValues = '<?php echo $staticEvent; ?>';
var pieValues = $.parseJSON(jsonValues);
console.log(pieValues);
google.charts.load('current', {'packages': ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {

    var data = google.visualization.arrayToDataTable(pieValues);

    var options = {
        title: 'My Daily Activities'

    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
}