Использование D3.select для изменения толщины текста на радиальной дендрограмме при наведении курсора мыши - PullRequest
Новая
       117

Использование D3.select для изменения толщины текста на радиальной дендрограмме при наведении курсора мыши

0 голосов
/ 29 мая 2020

С помощью я обнаружил способ изменения элементов в радиальной дендрограмме. Строки ниже выполняют эту функцию. Однако я пытаюсь угадать, что мне нужно, чтобы выделить жирный текст с помощью той же мыши. Может кто-нибудь сказать мне, что мне не хватает?

// отвечает за изменение стиля и типа узлов при наведении на них мыши 

d3.selectAll('g.node').attr("id", function(d,i){ return "node"+i});
d3.selectAll('path.link').attr("id", function(d,i){ return "link"+i}); //my guess is on the line 
below
d3.selectAll('text').attr("id", function(d,i){ return "text"+i});

// все еще пытаюсь понять, как выделите текст жирным шрифтом при наведении курсора мыши на 

   d3.selectAll('g.node').each(function(d, i) {
   d3.select('#node'+i).on("mouseover", function() { 
   d3.select('#link'+(i-1))
   .attr('style','stroke-width: 4px','style','font-weight: bold');  // my 2nd guess is on the next 
line
   d3.select('text').attr("font-weight",function(d,i) {return i*800+800;});

}). on ("mouseout", function () {d3.select ('# link' + (i-1)). attr ('style' , 'ширина обводки: 1,5 пикселя', 'непрозрачность обводки: 0,4', 'обводка: # 555');}); });

Ответы [ 2 ]

0 голосов
/ 19 июня 2020

(я все еще думаю, как лучше всего использовать эту платформу)

Но мой ответ заключался в том, чтобы создать класс CSS с именем .node text: hover, а затем увеличить толщину шрифта в этом классе.

0 голосов
/ 29 мая 2020

Чтобы установить font-weight - , которое является свойством CSS, -, .style следует использовать вместо .attr: 

d3.select('#link'+(i-1))
   .style('font-weight','bold');

Полезная ссылка: модифицирующие элементы на d3-selection.

...