基於條件的工具提示可見性d3.js

僅當選中複選框值時，才需要在移動懸停中顯示圖形節點的工具提示。否則它不應該顯示。基於條件的工具提示可見性d3.js

我試了下面的代碼。但它不工作。

.on('mouseover', function (d) { 
    if(document.getElementById("chkEnableDisableNames").checked == true){ 
    d.show ; 
} 
else { 
    return null; 
}})

jsfiddle

來源

2015-07-03 Nithyashree LR

不應該'。對（）'進行一些其他的元素或選擇在叫什麼？也請張貼您的HTML相關部分。 – martynasma

添加jsfiddle鏈接..你可以檢查那裏 –

謝謝。知道問題。很快就會發布答案。 – martynasma

注：我將要提到你的jsfiddle例如在不同有比你已經張貼在你的問題的片段中的代碼。

的代碼有幾個問題：

1）您使用的是自定義函數showhidefunc()調節尖端的顯示。這個函數是你的懸停事件範圍之外，因此不繼承它的局部變量，所以你需要通過參數來傳遞它：

.on('mouseover', function(d) { 
    showhidefunc(d); 
} 

// ... 

function showhidefunc(d) { 
    // ... 
}

2）tip.show()沒有這需要一個屬性，而是一種方法傳遞參數與節點顯示技巧以便工作：

tip.show(d);

除此之外，你的代碼看起來不錯。

這是你更新的（工作）小提琴按照上面： http://jsfiddle.net/f8R3M/39/

來源

2015-07-03 06:25:58 martynasma

完全按照我的要求工作。謝謝 –

基於條件的工具提示可見性d3.js

回答

相關問題