d3 tooltips
d3.tip: Tooltips for d3.js visualizations
See the API Documentation
Download Latest Version Development Version : 6kb / ~2kb gzipped Install with NPMnpm install d3-tip
Quick Usage
/* Initialize tooltip */ tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; }); /* Invoke the tip in the context of your visualization */ vis.call(tip) vis.selectAll('rect') .data(data) .enter() .append('rect') .attr('width', function() { return x.rangeBand() }) .attr('height', function(d) { return h - y(d) }) .attr('y', function(d) { return y(d) }) .attr('x', function(d, i) { return x(i) }) .on('mouseover', tip.show) .on('mouseout', tip.hide)
If you want basic styling, you can include example-styles.css using a service like
rawgithub.com.
<link rel="stylesheet" href="//rawgithub.com/Caged/d3-tip/master/examples/example-styles.css">
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
