D3 JS與多線圖懸停提示線圖

http://jsfiddle.net/jasonantho/wmab3tyw/6/

please help me with more comment lines on code to clearly understand it

我已經完成了多線圖，但我需要得到提示與信息數據請任何人提前幫助我對此表示感謝。

2016-10-13 Joyson

http://bl.ocks.org/Caged/6476579這會做你想做的！ –

最簡單的方法是爲每個圓圈添加一個svg：title元素，因爲瀏覽器將負責顯示工具提示並且不需要鼠標操作器。該代碼將類似於

vis.selectAll("circle") 
    .data(datafiltered).enter().append("svg:circle") 
    ... 
    .append("svg:title") 
    .text(function(d) { return d.x; });

如果你想要的fancier工具提示，你可以使用例如。例如，請參閱here。

這個答案取自Show data on mouseover of circle。我在這裏把同樣的答案作爲推薦：D

來源

2016-10-13 13:48:29

儘管這個鏈接可能回答這個問題，但最好在這裏包含答案的重要部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 - [來自評論]（/ review/low-quality-posts/13973168） – andreas

我編輯了我的答案。 Tnx很多的推薦：D –

D3 JS與多線圖懸停提示線圖

回答

相關問題