Как настроить всплывающую подсказку в d3plus.full.js для колец?

Я пробую диаграммы d3plus в проекте, где мне нужно настроить всплывающую подсказку, которая появляется в правом верхнем углу для колец. Этот пример D3PLUS

У меня есть связь с дополнительным полем следующим образом

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, но безуспешно. Возможно ли это каким-либо образом?


javascript d3plus
person Gupteshwari    schedule 20.06.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете легко сделать это 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());
        });         
    });
});
person Satish Patel    schedule 30.06.2016