javascript - dc lineChart 单击时弹出数据点信息

标签 javascript d3.js dc.js

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

根据这个答案( 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

最佳答案

每个图表都为其图表使用不同的元素和类。目前还没有记录,因此最好的选择是访问源代码。

在本例中,该行如下:

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

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

查找常量后,您要查找的选择器应该是circle.dot

我已经开始在 wiki 中记录选择器:

https://github.com/dc-js/dc.js/wiki/Chart-selectors

关于javascript - dc lineChart 单击时弹出数据点信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42149593/

相关文章:

javascript - Google Earth Plugin API - 如何获取当前 map 比例尺?

javascript - 当通过函数传递数组时,我可以在之后调用该函数吗?

javascript - JS错误: Uncaught ReferenceError: makePicSmall is not defined

javascript - 数据对象内的D3循环数组

javascript - 使用点击事件的两层 d3 map

svg - 更改行图中的标签文本颜色

javascript - DC.js折线图配置

javascript - 快速区分数字和对象

javascript - d3 将条形图转换为分组条形图

javascript - d3.js 按索引在特定点向折线图添加垂直线