javascript - 人力车图表的 onClick 选项

标签 javascript events charts onclick rickshaw

我想知道是否真的有对数据点上的 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/

相关文章:

Javascript : Set values in HTML Form hidden input fields

c# - 行动到事件

Python threading : will Event. set() 真正通知每个等待的线程

javascript - 使用 jQuery 在 3 秒内使输入文本不可编辑,然后再次可编辑

ios - 如何使用图表库分离 JSON 数据以唯一显示?

javascript - 无法读取 xChart 中 null 的属性 "getPropertyValue"

java - 如何制作带有图表的 JSR-168 portlet?

如果变量有超过五个零,则 JavaScript 匹配

JavaScript 检查表单,不等待 AJAX 响应

javascript - 使用函数式编程将数据从多个对象数组映射到 Javascript 中的新对象