Google餅圖類型不匹配

Question

我正在使用Google Charts創建餅圖，但出現此錯誤：

未捕獲的錯誤：類型不匹配。 值720與列索引1中的類型日期不匹配

我的代碼如下：

var graphData = [
    [
       'Occupation',
       {type: 'number'},
       {type: 'string', role: 'tooltip', 'p': {'html': true}}
    ],
    ['Training', 720, '<div class="pie-tooltip">Training<br/><strong>12 hours </strong></div>']
];

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

var options = {
    is3D: true,
};

var chart = new google.visualization.PieChart(document.getElementById('field-occupation-graph'));
chart.draw(data, options);

為了避免相同的錯誤，我更改了Occupation之后的{type: string} 。 我在其中輸入了值'Time'和錯誤，而不是說720 said Time 。 基本上是相同的錯誤，但帶有圖表標題。

我不知道date類型的錯誤從何而來，該圖表根本沒有使用日期。

我在這里一無所知，所以任何幫助將不勝感激。 謝謝！

Answer 1

您接近了，有很多方法可以構建DataTable 。

如果需要指定列類型，則可以將對象用於列屬性。
否則，您可以使用字符串作為列標簽。 您也可以混合樣式...

關鍵是每個東西都要有效。

 google.load('visualization', '1', {packages: ['corechart']}); google.setOnLoadCallback(drawChart); function drawChart() { var graphData = [ [ { id: 'Column1', label: 'Occupation', type: 'string' }, { id: 'Column2', label: 'Hours', type: 'number' }, { id: 'Column3', type: 'string', role: 'tooltip', p: {'html': true} } ], ['Training', 720, '<div class="pie-tooltip">Training<br/><strong>12 hours </strong></div>'] ]; var graphData2 = [ [ 'Occupation', 'Hours', { type: 'string', role: 'tooltip', p: {'html': true} } ], ['Training', 720, '<div class="pie-tooltip">Training<br/><strong>12 hours </strong></div>'] ]; var data = google.visualization.arrayToDataTable(graphData); var data2 = google.visualization.arrayToDataTable(graphData2); var options = { is3D: true, }; var options2 = { colors: ['red'], is3D: true, }; var chart = new google.visualization.PieChart(document.getElementById('field-occupation-graph')); chart.draw(data, options); var chart2 = new google.visualization.PieChart(document.getElementById('field-occupation-graph2')); chart2.draw(data2, options2); } 

 <script src="https://www.google.com/jsapi"></script> <div id="field-occupation-graph"></div> <div id="field-occupation-graph2"></div>