Google Charts JSONの構造 - 不正確なもの

Question

このページのヘルプはありがたいです。

私のサーバーからJSONを提供していますが、データがテーブルに表示されていません。 JavaScriptのエラーはありません.JSONの問題を示唆しています（JS関数のサンプルデータを使用しています...）。

ここにJSONがあります。

{ 
     "cols": [ 
      {"label": "month","type": "string"}, 
      {"label": "date","type": "date"}, 
      {"label": "amount","type": "number"}, 
      {"label": "extype","type": "string"}, 
      {"label": "claimed","type": "boolean"} 
     ], 
     "rows": [ 
      {"c":["2016-10","2016-10-01",{"v":38.09,"f":"$38.09"},"Dinner",true]}, 
      {"c":["2016-10","2016-10-02",{"v":30.07,"f":"$30.07"},"Lunch",true]}, 
      {"c":["2016-10","2016-10-03",{"v":44.7,"f":"$44.7"},"Dinner",true]} 
     ] 
    } 

ここには、テーブルをレンダリングするためのJavaScript関数があります。 JSONは、上記ここdataset

function drawTable(dataset,options){ 
     'use strict'; 
     var data = new google.visualization.DataTable(dataset); 
     var cssClassNames = { 
      'tableRow': '', 
      'hoverTableRow': '', 
      'headerCell': 'd', 
      'tableCell': ''}; 
     options.cssClassNames = cssClassNames; 
     var table = new google.visualization.Table(document.getElementById('tableChart')); 
     table.draw(data, options); 
    } 

として関数に渡され（注量のみが示している）レンダリングとして出力されます。

Answer 1

第、各列は額欄次

{"c":[{"v":"2016-10"},{"v":"Date(2016, 9, 1)"},{"v":38.09,"f":"$38.09"},{"v":"Dinner"},{"v":true}]} 

、実際の日付される第2列形式のと同様オブジェクト表記法を使用して定義されるべきです変更する必要があります。

- >"2016-10-01"

へ - >"Date(2016, 9, 1)"

注：ヶ月はゼロ（9 = 10月）は、このアプローチを使用してベース

が...作業スニペットを次のように表示

google.charts.load('current', { 
 
    callback: function() { 
 
    var jsonData = { 
 
     "cols": [ 
 
     {"label": "month","type": "string"}, 
 
     {"label": "date","type": "date"}, 
 
     {"label": "amount","type": "number"}, 
 
     {"label": "extype","type": "string"}, 
 
     {"label": "claimed","type": "boolean"} 
 
     ], 
 
     "rows": [ 
 
     {"c":[{"v":"2016-10"},{"v":"Date(2016, 9, 1)"},{"v":38.09,"f":"$38.09"},{"v":"Dinner"},{"v":true}]}, 
 
     {"c":[{"v":"2016-10"},{"v":"Date(2016, 9, 2)"},{"v":30.07,"f":"$30.07"},{"v":"Lunch"},{"v":true}]}, 
 
     {"c":[{"v":"2016-10"},{"v":"Date(2016, 9, 3)"},{"v":44.7,"f":"$44.7"},{"v":"Dinner"},{"v":true}]} 
 
     ] 
 
    }; 
 

 
    var data = new google.visualization.DataTable(jsonData); 
 
    var table = new google.visualization.Table(document.getElementById('tableChart')); 
 
    table.draw(data); 
 
    }, 
 
    packages:['table'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="tableChart"></div>