D3.js：觸發不同圖表中的事件

Question

我有兩個相同的圖表。圖形中爲其建立像這樣：

circles.enter().append("circle") 
    .attr("r", 0) 
    .attr("fill", function(d) { return fill_color; }) 
    .attr("class", function(d) { return "circle_" + d.id; }) 
    .on("mouseover", function(d, i) { build_tooltip(d, i, this); }) 
    .on("mouseout", function(d, i) { hide_tooltip(d, i, this); }); 

在mouseover，它觸發以下功能：

build_tooltip = function(data, i, element) { 
    var content = "Title: " + data.title; 
    show_tooltip(content, d3.event); 
} 

我的問題是：我怎樣才能使它所以鼠標懸停在圖表＃1的圓在圖表＃2中觸發相同的鼠標懸停事件，但每個圖表都有唯一的數據？圖表＃2必須生成自己的一組數據（在本例中，只是一個標題）。那麼，如何在Chart＃1的時候讓Chart＃2的mouseover事件觸發？

在jQuery中，這將非常簡單 - 有一個文字.trigger()事件。但是我怎樣才能完成和D3一樣的功能呢？

Answer 1

您是否嘗試過使用D3的dispatch？如果沒有，請參閱this example瞭解如何使用它的更多細節。