单击 dc lineChart 弹出数据点信息

Question

我正在尝试检测对折线图数据点的点击。

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

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