javascript - D3.js Dc.js 绑定(bind)事件监听器到轴刻度标签

Question

我的基本需求是将事件监听器绑定(bind)到图表中每个刻度的标签(不是轴标签，而是每个刻度上的数据标签)。 让我们以这张图表为例。

http://dc-js.github.io/dc.js/examples/ordinal-bar.html

我想放一些像，

 *.on('click', function(){console.log("click!")}) 

轴上的每个水果名称(例如，当我点击“苹果”或“香蕉”...文本时，它应该听我点击。我尝试了几次但都失败了，例如:

d3.selectAll("g.axis.x g.tick text").on("click", function(){console.log("Mouse click")})

你能帮我看看是否能解决这个问题吗？ 感谢您的帮助!

Answer 1

@戈登

感谢您将我转发到此处的正确答案:

DC.js Barchart- provide tooltip or title on the X axis labels

原因:dc.js 在其 CSS 中阻止其轴上的指针事件。
解决方案:添加 css

.dc-chart g.axis text {
    pointer-events: auto;
}