【问题标题】:nvd3: How highlight bar on click event?nvd3:点击事件如何突出显示栏?
【发布时间】:2015-11-18 17:12:48
【问题描述】:

就像 mousehover 一样,当鼠标悬停在元素(栏)上时,它会突出显示并在鼠标离开时删除该突出显示。

我想知道如何使用该行为,但对于单击事件:单击时突出显示栏。

【问题讨论】:

  • 在鼠标悬停时执行您正在执行的操作。
  • @LarsKotthoff,鼠标悬停事件来自 nvd3,我不是作者,该行为由库本身控制。
  • 我认为这是通过将类“悬停”分配给元素来完成的,因此您需要做的就是在单击时分配该类。
  • 确实,“hover”类可以解决这个问题。但是,如何将它分配给被点击的元素?
  • 您需要选择所有应具有此行为的元素并分配执行此操作的单击处理程序。

标签: javascript angularjs d3.js charts nvd3.js


【解决方案1】:

您始终可以使用 d3 绑定事件侦听器。您选择元素并绑定事件。在您的具体元素中,检查栏的类并绑定它。

类似这样的:

d3.selectAll(".nv-bar").on('click',
  function(){
    // add the effects or the class that enlarge the bar
});

参考:How to add a click event on nvd3.js graph

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-01
    • 1970-01-01
    • 2017-07-06
    • 1970-01-01
    相关资源
    最近更新 更多