如何在nvd3条形图中添加图像？

Question

我在项目中实现了d3条形图。但是我现在需要在每个条形图上方添加一个小图像，并且在单击图像时，我需要重定向到新页面以显示更多信息。我怎样才能做到这一点？
提前致谢

Answer 1

为此，您需要选择包含条形的元素并将图像附加到它们。图像元素将位于指定链接目标的锚元素内。代码看起来像这样。

svg.selectAll(".nv-bar")
   .append("a")
   .attr("xlink:href", newPage)
   .append("image")
   .attr("xlink:href", imageURL);

请注意，您需要调整图像的位置以显示在条形图上方，例如.attr("transform", "translate(0,-20)") - 确切的值取决于图像的大小。