Javascript 如何在dc.js中禁用行图上的单击事件

我正在使用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);

---

但我不知道要添加什么才能禁用单击事件

如果您可以使用css将元素作为目标，您可以简单地在下面添加css，这样可以防止来自该元素的任何单击

.chart {
    pointer-events: none;
}

---

这很有效！非常感谢。然而，我认为这是一种攻击，因为我没有使用库来禁用/启用鼠标交互，我只是使用一种外部方式。不过这很有用！：）这可能有点老套，但很管用。您可能可以通过javascript添加css规则并添加注释，这样您就可以直接在代码中看到它，而不是在css文件中四处查看。看起来您缺少条形图上的xUnits（瘦条）。实现这一点的代码方法是

rowChart.onClick=function（）{}

——相当混乱，不能说它比css方法好。