javascript - 单击 dc.js 获取条形图条形的标签

Question

所以我试图制作一个序数条形图，当您单击条形图时，它会访问条形图的标签，本质上是 xUnit 值，但它是序数。我尝试过使用这种方法:

barChart.on('renderlet.barclicker', function(chart, filter)
{
    chart.selectAll('rect.bar').on('click.custom', function(d) {
        console.log("CLICKED!!");
    });
});

但我不确定如何访问栏的标签，并且单击事件甚至没有调用。 (点击!!从未在控制台中返回)。我使用

使图表整体可点击

barChart.on('click' , function(chart){

});

但是，我无法仅用金条复制我的成功。

Answer 1

我不确定捕获点击事件出了什么问题。我将您的代码复制并粘贴到 dc.js 示例 bar.html 和 ordinal-bar.html 中，当我单击栏时，我看到了控制台日志。

对于访问标签，最好的方法可能是使用图表本身使用的相同的 .label() 访问器函数:

          console.log(chart.label()(d));