我想知道是否真的有对数据点上的 onclick 事件的开箱即用支持,或者我必须修改库才能使其工作。我扫描了源代码的某些部分,但没有看到任何允许绑定(bind)自定义点击操作的内容。他们网站上的教程也没有显示此选项 ( http://code.shutterstock.com/rickshaw/ )。
任何帮助都是感激的。我目前正在评估 flot、rickshaw 和 flotr2。到目前为止,它们都不能满足所有要求,令我感到非常惊讶的是,除了 flot 之外,其他库中没有自定义 onClick 事件的选项。我看到有些人为 flotr2 添加了一些 hack-ish 方法,但它只针对条形图。
最佳答案
这有点hack,但我有同样的要求。 我已经连接了一个 HoverDetail 对象,因此我连接到 HoverDetail 对象的 onShow 事件以存储所选项目的 x 标签的值。
(这是在一个 Angular 应用程序中,所以这就是我在范围内设置变量的原因)
var hoverDetail = new Rickshaw.Graph.HoverDetail({
onShow: function(event){
scope.data.activeDate = $(".x_label").text();
},
graph: graph
});
然后,我将普通的点击处理程序连接到图形,并访问其中的 onShow 处理程序存储的变量。
有关如何使用 HoverDetail 对象和其他人力车构造的更多信息,请观看此截屏视频:http://tagtree.tv/d3-with-rickshaw-and-angular
关于javascript - 人力车图表的 onClick 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10490041/