当在dc.js/d3.js中使用多个图表时，如何在页面加载时只有一个画笔显示

Question

我使用dc.js/d3.js创建了一个带有多个条形图和行图的页面，当我将鼠标悬停在它们上面并进行交互时，画笔功能在所有图表中都能正常工作。

我正试图让其中一个图表在页面加载时显示画笔和范围，但是当我在一个图表上使用.filter尝试时，其他图表变得禁用。我也尝试过。extent.

两个版本的图表图片:

http://neil-s.com/unison/images/Brush3.png

我看过一些有关SO的相关帖子，但它们不是我所需要的。主交叉筛选页面有一个示例，但由于代码如此不同，我想看看我是否可以保留我所拥有的，否则我将使用交叉筛选页面代码。

更新:这是一个jsfiddle - http://jsfiddle.net/jth32/22/

这里是一个小样本的条形图代码:

    // Bar Chart 3-------------------------------
    psalBarChart
        .width(300).height(150)         
        .dimension(psalDim) 
        .group(psalGroup) 
        .x(d3.scale.linear()
            .domain([25, 40]))      
        .xAxisLabel("Salinity")
        .centerBar(true);
    // Bar Chart 4 -----------------------------------      
    depthBarChart
        .width(300).height(150)         
        .dimension(depthDim) 
        .group(depthGroup) 
        .x(d3.scale.linear()
            .domain([0, 2050]))                         
        .xAxisLabel("Depth")
        .centerBar(true)
        //.filter([0,1000]) // Creates Brush, but disables other charts 

谢谢

Answer 1

我发现这与我使用的dc.js版本有关。github上的最新版本(v2.0)是我所拥有的，但是我在jsfiddle中使用的CDN链接使用的是1.6.0版本，正如Ethan提到的那样工作得很好。一旦我在开发环境中切换到1.6.0，我的问题就解决了。

我给dc-js google用户组发了一条消息，如果这确实是dc.js v2.0中的一个bug，我将在这里添加另一条消息。