d3 tooltips

Github 星跟踪图

d3.tip: Tooltips for d3.js visualizations

API Docs

See the API Documentation

Download Latest Version
Install with NPM
npm 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">

项目概况

主要编程语言JavaScript
编程语言Makefile
许可证MIT License
最新版本名称v0.9.1
第一版名称v0.1.0
最后发布时间2018-05-10 11:46:49
首次发布2012-01-09 07:42:25
最后一次提交2018-05-10 11:46:49
创建于2012-01-07T22:22:34
推送于2020-02-16T23:36:24
提交数321
关注者数43
名称与所有者caged/d3-tip
派生数362
星数1.2k
问题数137
打开的问题数2
发布数26
语言数2
拉请求数44
打开的拉请求数6
关闭的拉请求数75
已启用问题?
已启用Wiki?
已存档?
是分叉?
已锁定?
是镜像?
是私有?
To the top