google.charts.load('current', {
callback: function() {
var data = new google.visualization.DataTable({
cols: [
{label: 'Start Date', type: 'date'},
{label: 'User Id', type: 'number'},
{label: 'Customer Id', type: 'number'},
{label: 'Amount', type: 'number'}
],
rows: [
{c:[{v: new Date('2016, 01, 01')}, {v: 44836}, {v: 067205, f: '067205'}, {v: 1122}]},
{c:[{v: new Date('2016, 01, 01')}, {v: 86495}, {v: 067205, f: '067205'}, {v: 332}]},
{c:[{v: new Date('2016, 01, 01')}, {v: 44836}, {v: 228626, f: '228626'}, {v: 0}]},
{c:[{v: new Date('2016, 01, 01')}, {v: 86495}, {v: 228626, f: '228626'}, {v: 334}]},
{c:[{v: new Date('2016, 02, 01')}, {v: 44836}, {v: 067205, f: '067205'}, {v: 554}]},
{c:[{v: new Date('2016, 02, 01')}, {v: 86495}, {v: 067205, f: '067205'}, {v: 0}]},
{c:[{v: new Date('2016, 02, 01')}, {v: 44836}, {v: 228626, f: '228626'}, {v: 0}]},
{c:[{v: new Date('2016, 02, 01')}, {v: 86495}, {v: 228626, f: '228626'}, {v: 544}]},
]
});
// format User Id number first
var numberFormat = new google.visualization.NumberFormat({
pattern: '0'
});
numberFormat.format(data, 1);
// format User Id pattern
var formatter = new google.visualization.PatternFormat(
'<a href="http://somelink/{1}">{0}</a>'
);
formatter.format(data, [0, 1], 1);
// format Customer Id pattern
formatter = new google.visualization.PatternFormat(
'<a href="http://somelink/{1}">{0}</a>'
);
formatter.format(data, [0, 2], 2);
new google.visualization.ChartWrapper({
chartType: 'Table',
containerId: 'table-div',
dataTable: data,
options: {
allowHtml: true
},
view: {'columns': [1, 2, 3]}
}).draw();
},
packages: ['corechart', 'table']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table-div"></div>
沒錯!非常感謝你! – MaksimNikicin