如何使用dc.js图表​​关闭交互性？

Question

给出fiddle

如何使用dc.js图表​​关闭交互性？ 例如，当点击图表上的任何位置时，我都不希望发生任何事情。

我想保持on：hover选项正常工作，即当您将鼠标悬停在图表上时，会出现带有基础值的标签

我已经尝试了.turnOnControls(true)但没有快乐，还有.brushOn：

    yearRingChart
        .width(200).height(200)
        .dimension(yearDim)
        .group(spendPerYear)
        .turnOnControls(true)
        .innerRadius(50);

注意 Idon似乎非常擅长阅读documentation所以任何指针都会非常感激。

EDIT1

我尝试了.brushOn(false)，但我在控制台中获得了.brushOn is not a function。也许我没有正确使用它？

    yearRingChart
        .width(200).height(200)
        .dimension(yearDim)
        .group(spendPerYear)
        .brushOn(false) 
        .innerRadius(50);

EDIT2

这是答案fiddle，基本上必须在每个图表yearRingChart.filter = function() {};中添加此内容question

yearRingChart
    .width(200).height(200)
    .dimension(yearDim)
    .group(spendPerYear)
    .innerRadius(50);
    yearRingChart.filter = function() {};
spenderRowChart
    .width(250).height(200)
    .dimension(nameDim)
    .group(spendPerName)
    .elasticX(true);
dc.renderAll();
spenderRowChart.filter = function() {};

Answer 1

EDIT2

这是答案fiddle，基本上必须在每个图表yearRingChart.filter = function() {};中添加此内容question

yearRingChart
    .width(200).height(200)
    .dimension(yearDim)
    .group(spendPerYear)
    .innerRadius(50);
    yearRingChart.filter = function() {};
spenderRowChart
    .width(250).height(200)
    .dimension(nameDim)
    .group(spendPerName)
    .elasticX(true);
dc.renderAll();
spenderRowChart.filter = function() {};