NVD3 - 甜甜圈 - 将图像放置在内弧中间

时间:2017-04-20 21:37:23

标签: javascript html css svg nvd3.js

我想将一个图标(例如来自字体真棒或图像)放入DONUT图的内圈中间 - 用于NVD3。

示例: enter image description here 图片上的黑点是占位符,用于显示图标的位置。

到目前为止,我能够使用以下代码添加文本:

d3.select("#pie-svg svg").selectAll(".nv-slice").each(function (d, i) {
    var el;
    el = d3.select(this);
    if (el.select("text").empty()) {
        return el.append('text')
                 .attr('class', "monthText")
                 .attr("x", 5)
                 .attr("dy", 130)
                 .append("textPath")
                 .attr("text-anchor", "end")
                 .attr("startOffset", "25%")
                 .attr("xlink:href", function () { return "#monthArc_" + i; })
                 .text(function (d) { return "lorem ipsulum"; });
    }
});

非常感谢你的帮助!

0 个答案:

没有答案