用于多个链接的dc.js图表​​的d3-tooltips

时间:2014-07-09 21:27:17

标签: javascript d3.js tooltip dc.js

我希望修改dc.js的开箱即用工具提示,似乎有一个使用d3.js tooltips的解决方案,如this question。但是,我对如何实现这一点感到困惑,以便为dc.js仪表板中的所有链接图修改工具提示。 GitHub repo中的示例非常适合各个图形,但我目前正在使用六个链接图并需要修改所有图形上的工具提示。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:18)

这是将d3.tip与dc.js一起使用的一个很好的例子:

http://saraquigley.github.io/uc-trends/

http://saraquigley.github.io/uc-trends/javascript/expenses_all.js

我会采取不同的做法

  1. 执行在chart.renderlet(function(chart) { ... })而不是顶层应用提示(在代码末尾)的selectAlls,以便他们对图表中的更改做出反应。
  2. 使用chart.selectAll代替d3.selectAll,为了清楚起见,并确保您只选择特定图表中的元素而不是整个页面。
  3. 希望现在为web / examples或FAQ以HTH编写一个示例。