谷歌可视化TreeMap在点击树形图的每个片段时获取颜色

问题描述:

是否可以获取在树形图上单击的片段的颜色。 点击一个选择的事件会被触发,这只会让我们点击哪一行。谷歌可视化TreeMap在点击树形图的每个片段时获取颜色

Here is an example

+0

为例小提琴将真正帮助您的事业在这里:) – epoch

+0

谢谢,我已经添加了一个 –

我还没有找到与谷歌API这样做的任何方式,而是通过添加click事件侦听器的文档,并将其与select事件匹配起来,可以检索实际SVGRectElement值:

var currElement; 
document.addEventListener('click', function (k) { 
    currElement = k.target; 
}); 

google.visualization.events.addListener(treemap, 'select', function() { 
    var sel = treemap.getSelection(), 
     color; 
    if (currElement) { 
     color = currElement.attributes.getNamedItem('fill'); 
    } 

    console.log('selected element color: ' + color.value); 
}); 

这绝不是一个完整的解决方案,但它应该指向你的答案

+0

我认为,因为它们都是点击触发的,所以在第一次点击时颜色不会在它的图表监听器被设置。对此有何建议?感谢你的回答 –