我想知道实际上是否对数据点上的onclick事件提供了开箱即用的支持,还是我必须修改库以使其起作用。我浏览了源代码的某些部分,但没有看到任何允许绑定(bind)自定义单击操作的内容。他们网站上的教程也没有显示此选项(http://code.shutterstock.com/rickshaw/)。
任何帮助都是感激的。我目前正在评估flot,人力车和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对象和其他Rickshaw构造的更多信息,请参见以下截屏视频:http://tagtree.tv/d3-with-rickshaw-and-angular