dc lineChart点击弹出数据点信息

Question

我正在尝试检测点击线图表数据点。

根据这个答案（ _{^{dc scatter plot binding onClick event}} ）我试图使用所描述的pretransition事件，但我必须遗漏一些东西。

lineChart.on('pretransition', function() {
    lineChart.selectAll('path.symbol').on('click', function(d) {
         alert('value: ' + d);
         //How would I pop-up the datapoint values?
    });
});

jsFiddle example

Answer 1

每个图表都为其图表使用不同的元素和类。这目前没有记录，所以最好的选择是去源。

在这种情况下，这是一行：

var dots = g.selectAll('circle.' + DOT_CIRCLE_CLASS)

https://github.com/dc-js/dc.js/blob/f7e0a47d1246b95acbc279f14243524a0769fb84/src/line-chart.js#L279

查找常量后，您要查找的选择器应为circle.dot

我添加了一个问题来记录这些。

https://github.com/dc-js/dc.js/issues/1278