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

Question

我正在寻找修改dc.js的开箱即用工具提示,似乎有一个使用d3.js工具提示的解决方案,如此问题.但是,我对如何实现这一点感到困惑,以便为dc.js仪表板中的所有链接图修改工具提示.GitHub repo中的示例很适合单个图形,但我目前正在处理六个链接图形,需要修改所有图形上的工具提示.任何帮助,将不胜感激.

Answer 1

以下是将d3.tip与dc.js一起使用的一个很好的示例:

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

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

我会做的事情不同

1. 将selectAlls应用于代码(在代码末尾)chart.renderlet(function(chart) { ... })而不是顶层,以便它们对图表中的更改做出反应.
2. 使用chart.selectAll而不是d3.selectAll为了清楚,并确保您只选择特定图表中的元素而不是整个页面.

希望为web/examples或FAQ提供一个例子,但现在是HTH.