Я не думаю, что вы сможете заставить текущие средства форматирования делать то, что вам нужно, но вы сможете достаточно легко создать свое собственное средство форматирования. Я собрал iconFormatter ниже для примера - его можно настроить так, чтобы он делал все, что вам действительно нужно.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">
/**
* Gviz icon formatter
* @param {Object<Number, String>} Map of numbers to icon URIs
*/
var iconFormatter = function(iconMap) {
this.iconMap = iconMap;
}
/**
* Formats a gviz DataTable column
* @param {Object} dt DataTable to format
* @param {Number} column index number
*/
iconFormatter.prototype.format = function(dt, column) {
for (var i=0;i<dt.getNumberOfRows();i++) {
var formattedValue = this.iconMap[dt.getValue(i, column)];
var htmlString = "<img src="+formattedValue+" />";
dt.setFormattedValue(i, column, htmlString);
// underlying value preserved
console.log(dt.getValue(i, column));
}
}
</script>
<script>
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Height');
data.addRows(3);
data.setCell(0, 0, 'Tong Ning mu');
data.setCell(1, 0, 'Huang Ang fa');
data.setCell(2, 0, 'Teng nu');
data.setCell(0, 1, 174);
data.setCell(1, 1, 523);
data.setCell(2, 1, 86);
var iconMap = {
174: "http://farm1.static.flickr.com/76/buddyicons/[email protected]?1149480603",
523: "http://farm1.static.flickr.com/28/buddyicons/[email protected]?1129271399",
86: "http://farm3.static.flickr.com/2698/buddyicons/[email protected]?1303489082"
// other numbers
}
// Create and draw the visualization.
visualization = new google.visualization.Table(document.getElementById('table'));
// apply our formatter, just like normal
var formatter = new iconFormatter(iconMap);
formatter.format(data, 1);
// allow html, just like any html formatter will require
visualization.draw(data, {allowHtml: true});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body>
<div id="table"></div>
</body>
</html>
Надеюсь, это поможет.
person
oli
schedule
14.09.2011
