如果註釋必須在一個點來完成,你可以考慮在組織的數據,如
{
"x":10,
"y":20,
"comments":[
{
"name":"Bob",
"content":"Was all conditions normal for this observation?",
"replies":[
{
"name":"John",
"content":"That's just my cat who ran over keyboard",
"replies":null
}
]
},
{
"name":"indy",
"content":"ok for me",
"replies":null
}
]
}
,以便"comments"
部分可以通過點擊點填寫json
(比方說,一個圈子),類似於
d3.selectAll("circle") // data are already bind here providing the d.x and d.y values
.on("click",funtion(d){
d3.select("#node_where_I_want_the_comment_form")
.append("form") //... the user sets name and content
})
然後設置d.comment=
的名稱和內容。這並不簡單,但我建議使用https://www.mongodb.org/來存儲這種無模式數據。看:
http://docs.mongodb.org/ecosystem/use-cases/storing-comments/
這是一個非常這是一項艱鉅的任務,涉及服務器和客戶端功能以及大量的決策。我懷疑有一種工具可以完全符合你的要求。下面是[圖片標記的jQuery插件](https://github.com/kmendes/Jquery-Photo-Tag),它顯然沒有意識到圖表語義,所以它將是您描述的非常有限的解決方案。我認爲任何量身定做的東西至少需要擴展現有的圖書館(如[vida.io](https://vida.io/),[Lyra](http://idl.cs.washington.edu)/projects/lyra /),[nvd3](http://nvd3.org/))。 – meetamit
@meetamit感謝您分享鏈接。是的,我很清楚,這是一項艱鉅的任務,只是希望有人已經實現了它。 – RInatM