Question

d3中的一个快速简短的问题。我在json中有以下数据：

{"KMAE":[-120.12,36.98,"MADERA MUNICIPAL AIRPORT",[26,1,2,5,6,3,2,1,2,7,29,12,3]]}

我正在谷歌地图上绘制这一点并在点上应用工具提示。在工具提示上，我现在给出的是

.on("mouseover", function(d) {
        div.transition()
        .duration(200)
        .style("opacity", .9);
        div .html(d.value[3])
        .style("left", (d3.event.pageX) + "px")
            .style("top", (d3.event.pageY - 28) + "px");
            })

当鼠标结束时，我现在得到的是26,1,2,5,6,3,2,1,2,7,29,12,3。

我们如何在工具提示内的不同行中进行此操作？说像： 26在顶部，1在下面，2在那之下，依此类推。在我的实际应用中，这个内部列表的长度与KMAE等许多点不一样。

由于

Answer 1

由于您使用HTMl作为工具提示，因此很容易 - 使用<br>加入数组元素：

div.html(d.value[3].join("<br>"))

D3将工具提示上的内部列表元素显示为不同的行

1 个答案: