Google visualization 谷歌可视化-突出显示表格中的数据
我是谷歌可视化的初学者。我用谷歌可视化制作了一个仪表板。我的仪表板有一个表,该表是在ChartWrapper的帮助下绘制的,我在String filter的帮助下通过一列过滤该表。请检查下面我的脚本是什么样子的Google visualization 谷歌可视化-突出显示表格中的数据,google-visualization,Google Visualization,我是谷歌可视化的初学者。我用谷歌可视化制作了一个仪表板。我的仪表板有一个表,该表是在ChartWrapper的帮助下绘制的,我在String filter的帮助下通过一列过滤该表。请检查下面我的脚本是什么样子的 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.lo
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.1', {packages: ['controls']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Prepare the data.
var data = google.visualization.arrayToDataTable([
['Name', 'Age'],
['Michael' , '17'],
['Elisa', '17'],
['Robert', '17'],
['John', '17'],
['Jessica', '18'],
['Aaron', '19'],
['Margareth', '17'],
['Miranda', '15']
]);
// Define a StringFilter control for the 'Name' column
var stringFilter = new google.visualization.ControlWrapper({
'controlType': 'StringFilter',
'containerId': 'control1',
'options': {
'filterColumnLabel': 'Name'
}
});
// Define a table visualization
var table = new google.visualization.ChartWrapper({
'chartType': 'Table',
'containerId': 'chart1',
'options': {'height': '13em', 'width': '20em'}
});
// Create the dashboard.
var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard')).
// Configure the string filter to affect the table contents
bind(stringFilter, table).
// Draw the dashboard
draw(data);
}
google.setOnLoadCallback(drawVisualization);
</script>
但我想突出显示表中所有红色的行,其中一个人的年龄不等于17岁。有谁能帮我做这件事吗
非常感谢提前使用颜色格式化程序语法指定您的范围和样式
var formatter = new google.visualization.ColorFormat();
formatter.addRange(null, 17, 'white', 'red');
formatter.addRange(17, null, 'white', 'red');
formatter.format(data, 1);
这将从中搜索值-∞ 至17及17至+∞ 但不包括17,因为它是非包容性的。但这只会给单元格上色,而不会给整行上色。您可以使用另一个hack为行中的其余单元格着色。在此处,添加格式化程序范围