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

D3 Display elements of inner list on tool tip as different lines

本文关键字：显示 元素 列表 工具提示 内部 D3      更新时间：2023-09-26

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这样的许多点，这个内部列表的长度不会相同。

感谢

由于使用HTMl作为工具提示，所以很容易将数组元素与<br>:连接起来

div.html(d.value[3].join("<br>"))
相关文章：