jquery - 如何在 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)")——确切的值将取决于图像的大小。