您如何让 dc.js 条形图不可点击但可悬停？

Question

我有一个排名前 10 的图表（使用假组），所有其他条形图如何与交叉过滤器一起工作。如果我 select 前 10 个图表中的其中一个，它会过滤所有其他图表，这不是我想要发生的事情。我只希望图表显示 chart.title 文本（悬停文本），同时禁用其可点击功能。
到目前为止，我已经查看了 dc.js 本身，看看是否有条形图的配置来获得我需要的东西，但我找不到任何东西。

我试过用这个

ng-click="stopClick($event)"

$scope.stopClick = function (event) {
  event.preventDefault();
  event.stopPropagation();
};

这对图表没有任何影响。

我试过对图表使用内联 css

style="pointer-events: none;"

但这会完全禁用悬停文本。

如有任何帮助，我们将不胜感激。

Answer 1

嗯，你会希望 .brushOn(false) 这样做，但我猜它对具有序数 x 刻度的条形图没有影响。

相反，您可以手动禁用事件处理程序：

  chart.on('pretransition', function(chart) {
      chart.selectAll('rect.bar').on('click', null);
  });

Answer 2

我选择的答案并不走运，但戈登对另一个问题的回答确实有效

chart.onClick = function() {}

您如何让 dc.js 条形图不可点击但可悬停？

How would you go about having a dc.js bar-chart not be clickable but be hoverable?

dc.js