Question

我正在一个项目中尝试d3plus图表，我需要自定义工具提示，它出现在右上角的环上。这D3PLUS Example

我有一个额外的字段连接如下

var connections = [ { "source": "alpha", "target": "beta", "strength": 200, "grade":"A" }, { "source": "alpha", "target": "gamma", "strength": 10, "grade": "A" }, { "source": "beta", "target": "delta", "strength": 5, "grade": "B" }, { "source": "beta", "target": "epsilon", "strength": 1.563, "grade": "B" }, { "source": "zeta", "target": "gamma", "strength": 3.125, "grade": "A" }, { "source": "theta", "target": "gamma", "strength": 0.732, "grade": "A" }, { "source": "eta", "target": "gamma", "strength": 2.063, "grade": "B" } ]

我想在每个来源下列出grade作为项目符号点。

我通过逆向工程d3plus.full.js尝试了很多但没有成功。有可能吗？

Answer 1

您可以通过jquery轻松完成。在document准备好select .class并添加元素。以下示例是单击下面的按钮：

$(document).ready(function(){
$("#btn").on('click',function(){
        console.log("Hello");
        $(".d3plus_tooltip_focus_link").each(function (indx) {
            console.log(indx + " : " + $(this).text());
        });         
    });
});

如何自定义d3plus.full.js中的工具提示？

1 个答案: