我有一个如何使饼图与表交互的工作示例。我想添加的是它们相关性的视觉提示。我见过的唯一例子是表格行被adding a listener突出显示的地方。我想在表格中添加一个空单元格,其背景颜色就是它所对应的饼图片的颜色。我如何捕捉饼图的颜色? JSFiddle如何捕获Google Charts饼图切片的颜色值?
我现在拥有的一切:
google.load("visualization", "1", {packages:["corechart","table"]});
google.setOnLoadCallback(drawProductAllocationChart);
function drawProductAllocationChart() {
var data = google.visualization.arrayToDataTable([
['Name', 'Allocation'],
['Product A', 25],
['Product B', 50],
['Product C', 15],
['Product D', 10]
]);
var options = {
//title: 'My Daily Activities'
is3D: true
};
var productAllocationChart = new google.visualization.PieChart(document.getElementById('product-allocation-chart'));
productAllocationChart.draw(data, options);
var productAllocationTable = new google.visualization.Table(document.getElementById('product-allocation-table'));
productAllocationTable.draw(data, null);
// When the table is selected, update the orgchart.
google.visualization.events.addListener(productAllocationTable, 'select', function() {
portfolioAllocationChart.setSelection(productAllocationTable.getSelection());
});
// When the orgchart is selected, update the table visualization.
google.visualization.events.addListener(productAllocationChart, 'select', function() {
productAllocationTable.setSelection(productAllocationChart.getSelection());
});
}
谢谢!
有没有为单元格设置背景颜色的选项?我没有在文档中看到它,但它只是一个快速的样子。 – EnigmaRM
@hoyasultan。我相信以下答案可以解决您的问题。你能将它标记为已回答吗? –