在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)