谷歌圖表：“未捕獲（承諾）錯誤：未知標頭類型：4.7278”錯誤

Question

我正在嘗試通過google charts顯示貨幣匯率折線圖。

基本上我有兩種類型的值：

1. 日期（格式iso8601）
2. 比率（十進制數）

當我嘗試渲染圖表時，出現錯誤：“未捕獲（承諾）錯誤：未知標頭類型：4.7278”

這是我的代碼：

PHP數組制作：

        $xml=simplexml_load_file('https://www.ecb.europa.eu/stats/policy_and_exchange_rates/euro_reference_exchange_rates/html/usd.xml') or die("Error: Cannot create object");
    $arrayForChart[] = ["Date","Rate"];
    foreach ($xml->DataSet->Series->Obs as $key => $value) {
        $dateIso8601Format=(string)$value['TIME_PERIOD'];
        $rateForDate=(string)$value['OBS_VALUE'][0];
        $rateForDate=(float)$rateForDate;
        $arrayForChart[] = [$dateIso8601Format,$rateForDate];
    }
    $arrayForChart = json_encode($arrayForChart);

Javascript

var arrayForChart;
$.ajax({
    type: "POST",
    url: ajaxUrl,
    //data: {configuration: Config },
    success: function (data) {

        arrayForChart = data;
        arrayForChart = $.map(arrayForChart, function (el) {
            return el;
        });//converting js object to js array

    },
    cache: false
});
google.charts.load("current", {packages: ["corechart", "line"]});
google.charts.setOnLoadCallback(drawLineColors);

function drawLineColors() {

    var data = google.visualization.arrayToDataTable([arrayForChart]);

    var options = {
        hAxis: {
            title: "Rate",
            id: "Rate",
            label: "Rate",
            type: "number"
        },
        vAxis: {
            title: "Date",
            id: "Date",
            label: "Date",
            type: "string"
        },
        colors: ["#a52714", "#097138"]
    };

    var chart = new google.visualization.LineChart(document.getElementById("chart_div"));
    chart.draw(data, options);
}

數據樣本：

["Date","Rate","2011-01-03",4.7278,"2011-01-04",4.7301,"2011-01-05",4.6814,"2011-01-06",4.6635]

有人可能知道是什么問題嗎？

非常感謝！

Answer 1

谷歌圖表需要一個數組數組。 你似乎給它提供了一套公寓。 例如

Array('date', 'value', 1,2,3,4);

應該是

Array(
    Array(date, value),
    Array(1, 2),
    Array(3, 4)
);

Answer 2

通過更改此圖表解決了 ASP.Net 中的相同問題。Add(new object[] { "Post", "Total" }); 您正在做的錯誤是您提供的是行而不是標題/列名稱

**List<object> chartData = new List<object>();
    chartData.Add(new object[]
{
    "Post", "Total"
});
    foreach (DataRow dtrow in dt.Rows)
    {
        chartData.Add(new object[]
                 {
                     dtrow[0].ToString(), Convert.ToInt32(dtrow[1])
                 });
    }**

Answer 3

不要忘記在定義列名稱后立即添加逗號。 這就是我的問題。

function drawChart1() {
  var data = new google.visualization.arrayToDataTable([
    ['Month', 'Total claims'],
          <?php
    if(mysqli_num_rows($sqlclaims) > 0){
       while ($row = mysqli_fetch_assoc($sqlclaims)){
           echo "['".$row['FINANCIAL_']."', ".$row['tot_claims']."],";
           }
       }
  ?>
  ]);

Answer 4

我對angular-google-charts有同樣的問題。 組件用空數組初始化，然后在數據准備好時傳遞。

我在圖表組件上使用 *ngIf 解決了這個問題，並將標志設置為false ，並在數據准備好時將其設置為true 。