如何在 dc.js 中禁用 rowChart 上的点击事件

Question

我正在使用 dc.js 库做一个项目。我目前拥有的是两个嵌套图表：

条形图（上图）
行图（下）

我想在行图上禁用鼠标单击操作，但如果我在条形图上做出不同的选择，我确实希望能够更新数据。

现在我正在尝试做类似的事情：

categoryChart.width(500)
    .height(300)
    .group(categoryGroup)
    .dimension(categoryDim)
    .rowsCap(10)
    .ordering(function(d) {return -d.value})
    .othersGrouper(false)
    .label(function (d) {
        return d.key;
    })
    .title(function (d) {return d.value;})
    .elasticX(true)
    .xAxis().ticks(4);

但是我不知道添加什么可以禁用点击事件。

Answer 1

如果您可以使用 css 定位元素，您可以简单地在下面添加 css，这将阻止来自该元素的任何点击。

.chart {
    pointer-events: none;
}

MDN pointer-events doc

如何在 dc.js 中禁用 rowChart 上的点击事件

How to disable click event on rowChart in dc.js

javascript

crossfilter

dc.js