是否有可能在d3.js的條形圖上用鼠標選擇多個條形圖

Question

我正在嘗試谷歌，但沒有運氣。

我要的是採取標準條形圖中d3.js，例如像這樣

http://bl.ocks.org/1218567

，並與我的鼠標中間的4條選擇，並以某種方式得到的只是選擇值的值。

d3可以嗎？

---

編輯： 我想我的問題可能是有點誤導，我不想做多次點擊來選擇對象，我想單擊並拖動一旦選擇潛在對象，看到我的評論例如煎茶。

解決：

d3.brush爲答案，就可以看到工作演示這裏 http://mbostock.github.com/d3/ex/splom.html

Answer 1

可以使用.on()功能和click事件實現這一點。見the documentation。爲了能夠選擇多個小節，您需要跟蹤全局變量中的當前選擇，例如當您單擊未選定/選定的小節時添加或刪除的數組。該代碼可能看起來像

var selection = []; 
... 
var bars = vis.selectAll("g.bar") 
    .data(data) 
    .enter() 
    .append("svg:g") 
    ... 
    .on("click", function(d) { 
     if(selection.indexOf(d) == -1) { selection.push(d); } 
     else { selection.splice(selection.indexOf(d), 1); } 
     updateSelectionDisplay(); 
    });