在D3.js div中的項目符號列表中顯示關鍵字附加

Question

我想在每個節點上的mouseover工具提示中顯示來自json的逗號分隔值作爲列表。目前，我有：

div.append("div") 
.attr("class", "tooltip") 
.style("opacity", 1) 
.html("Node name : " + d.NodeName + "<br>" + "Keywords list: " + d.keywords) 

這裏是我的JSON文件中的關鍵字：

"keywords":["one","two","three"] 

的問題是： 如何在列表中這樣列出要點顯示它：

Node Name : Test Name 
Keywords List : 
    * one 
    * two 
    * three 

目前它只在一行中，關鍵字僅用逗號分隔。

Answer 1

未經測試的，因爲我看不到你的完整的解決方案，但你應該能夠通過你的陣列循環建立一個基本的表結構：

var keywordList = "<ul>"; 
for(var i = 0; i < d.keywords.length; i++){ 
    keywordList += "<li>" + d.keywords[i] + "</li>"; 
} 
keywordList += "</ul>"; 

，然後簡單地在結尾處添加keywordList當你設置HTML，而不是d.keywords：

.html("Node name : " + d.NodeName + "<br>" + "Keywords list: " + keywordList)