D3js:内有文字的块和&悬停以显示更多文字

时间:2014-06-28 21:41:27

标签: javascript d3.js

我是D3js的新手。我想要一些像这样的基本块:

enter image description here

块中的文本应取自JSON文件。如果该块被悬停,它将显示:

enter image description here

有关如何执行此操作的任何建议?或者有任何可用的教程吗?提前致谢!

2 个答案:

答案 0 :(得分:1)

您想要使用d3.select,例如:

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

答案 1 :(得分:1)

您可以使用

d3.tip()

很抱歉没有更具体(在移动设备上),但这个示例可以为您提供所需内容:

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