你怎么会有一个dc.js条形图不可点击但是可以收回?

时间:2018-04-06 12:09:23

标签: dc.js

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

我尝试过使用此

ng-click="stopClick($event)"

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

那对图表没有任何作用。

我尝试使用内联css作为图表

style="pointer-events: none;"

但是这完全禁用了悬停文本。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

嗯,您希望.brushOn(false)能够做到这一点,但我想这对于具有序数x比例的条形图没有影响。

相反,您可以手动禁用事件处理程序:

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

答案 1 :(得分:0)

我没有选择的答案很幸运,但是戈登对另一个问题的回答确实有效https://stackoverflow.com/a/50702979

chart.onClick = function() {}