如何在饼图上设置tabindex属性?

时间:2016-07-10 21:36:41

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

我有一个带有3个楔子的基本饼图。单击饼图的楔形时,将显示工具提示。我的目的是为keydown事件提供相同的功能。

场景:当饼图切片具有焦点时,用户可以点击一个键(例如输入),这将显示工具提示的确切点击事件的作用。

我认为这需要两个步骤。

  1. 通过添加&tabratdex = 0'使每个饼楔(.nv-slice)可聚焦。属性
  2. 添加一个触发工具提示的事件侦听器,类似于click事件的工作提示。
  3. 以下是显示所述行为的plunkr: http://plnkr.co/edit/7WkFK2LqzDyDmnIt2xlf?p=preview (感谢@ThanasisGrammatopoulos)

    首先,我如何为每个饼形楔添加一个tabindex属性?当我尝试下面的代码时,当我点击' tab'击中' .nv-slice'元素:

    d3.selectAll('.nv-slice').attr("tabindex", "0");
    

    有什么想法吗?

0 个答案:

没有答案