D3js: блоки с текстом внутри и наведите курсор, чтобы показать больше текста

#javascript #d3.js

#javascript #d3.js

Вопрос:

Я новичок в D3js. Я хочу иметь несколько базовых блоков, подобных этому:

введите описание изображения здесь

Текст в блоке должен быть взят из файла JSON. Если блок наведен, он покажет:

введите описание изображения здесь

Любые предложения о том, как это сделать? Или есть какие-либо доступные учебные пособия по этому вопросу? Заранее спасибо!

Комментарии:

1. Можете ли вы показать нам, что вы пробовали?

Ответ №1:

Вы захотите использовать что-то с d3.select, например:

  .on('mouseover', function(d){
        var menuSelection = d3.select(this).style({opacity:'1.0'});
        menuSelection.select("text").style({opacity:'1.0'});
    })
  

Ответ №2:

Вы могли бы использовать

d3.tip()

Извините, что не был более конкретным (на мобильных устройствах), но этот пример должен дать вам то, что вы хотите:

http://bl.ocks.org/Caged/6476579