如何在dc.js

Question

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

• 条形图（上图）
• rowChart（下方）

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

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

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