google.charts.load('current', {
callback: function() {
// raw table data
var data = google.visualization.arrayToDataTable([
['Date', 'Site', 'Count'],
[new Date('11/17/2016'), 'A', 10],
[new Date('11/17/2016'), 'B', 15],
[new Date('11/17/2016'), 'C', 22],
[new Date('11/17/2016'), 'D', 8],
[new Date('11/16/2016'), 'A', 12],
[new Date('11/16/2016'), 'B', 6],
[new Date('11/16/2016'), 'C', 13],
[new Date('11/16/2016'), 'E', 14],
[new Date('11/15/2016'), 'A', 9],
[new Date('11/15/2016'), 'B', 16],
[new Date('11/15/2016'), 'D', 11]
]);
// create view with columns for each site, then agg view
var view = new google.visualization.DataView(data);
var aggColumns = [];
var viewColumns = [0];
data.getDistinctValues(1).forEach(function (site, index) {
viewColumns.push({
calc: function (dt, row) {
if (dt.getValue(row, 1) === site) {
return dt.getValue(row, 2);
}
return null;
},
label: site,
type: 'number'
});
aggColumns.push({
aggregation: google.visualization.data.sum,
column: index + 1,
label: site,
type: 'number'
});
});
view.setColumns(viewColumns);
var group = google.visualization.data.group(
view,
[0],
aggColumns
);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(group, {
isStacked: true
});
},
packages: ['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
你在這裏尋找一個數據透視表? – Shadow