如何解决 Firefox 上的 nvd3 事件问题？

Question

我需要从这个事件中获取点击位置：

stacked: {
  dispatch: {
    elementClick: () => alert('stacked.dispatch'),
  },
},

虽然我有这个选项：useInteractiveGuideline: false。

主要问题是这个选项在 Firefox 中不起作用。

这是LINK。请在 Chrome 和 Firefox 中试一试。 请注意，当您单击图表时应该有一条警报消息。

也许有任何提示可以防止使用useInteractiveGuideline: true 选项切换单独的堆叠区域？

Answer 1

看起来angular-nvd3 指令存在一些错误。使用纯 nvd3 创建了 StackedAreaChart，事件在 Chrome 和 Firefox 中都可以正常工作。

  var chart = nv.models.stackedAreaChart()
                .x(function(d) { return d.x })
                .y(function(d) { return d.y })
                .clipEdge(true)
                .showLegend(false)
                .showControls(false)
                .useInteractiveGuideline(false)
                ;


  chart.stacked.dispatch.on('elementClick', function(e) {
    alert('element click');
  });

  chart.stacked.dispatch.on('areaClick', function(e) {
    alert('area click');
  }); 

工作example。