javascript - 如何在 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