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

Question

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

我与额外字段的连接如下

var 连接 = [ { "source": "alpha", "target": "beta", "strength": 200, "grade":"A"},
{ "源": "阿尔法", "目标": " Gamma ", "强度": 10, "等级": "A"},
{ "source": "beta", "target": "delta", "strength": 5, "grade": "B"},
{ "source": "beta", "target": "epsilon", "strength": 1.563, "grade": "B"},
{“源”:“zeta”，“目标”:“ Gamma ”，“强度”:3.125，“等级”:“A”}，
{“源”:“theta”，“目标”:“gamma”，“强度”:0.732，“等级”:“A”}，
{ "source": "eta", "target": "gamma", "strength": 2.063, "grade": "B"} ]

我想将等级列为每个来源下的要点。

我通过对 d3plus.full.js 进行逆向工程进行了很多尝试，但没有成功。有什么办法可以实现吗？

Answer 1

您可以通过jquery轻松完成。在文档准备好选择 .class 并添加元素。下面的示例是单击如下按钮:

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