DC.js控件能否用于过滤D3.js控件?

DC.js控件能否用于过滤D3.js控件?,d3.js,dc.js,D3.js,Dc.js,有许多示例显示了DC.js控件之间的无缝分组和过滤。但是,DC控件能否用于过滤D3.js控件显示的结果?(示例:DC pieChart用于按颜色组过滤D3强制指示图) 理想的结果是从饼图中选择颜色组,并让它过滤D3控件中的节点。我理解这两个可以共存于同一页上;然而,DC能否以这种方式与D3交互,或者是否有不同的方法 示例(伪代码): //Color Group Data data = [ { "Group": "Orange", "Color": "Coral"

有许多示例显示了DC.js控件之间的无缝分组和过滤。但是,DC控件能否用于过滤D3.js控件显示的结果?(示例:DC pieChart用于按颜色组过滤D3强制指示图)

理想的结果是从饼图中选择颜色组,并让它过滤D3控件中的节点。我理解这两个可以共存于同一页上;然而,DC能否以这种方式与D3交互,或者是否有不同的方法

示例(伪代码)

//Color Group Data
data = [
    {
     "Group": "Orange",
     "Color": "Coral"
    },
    {
     "Group": "Orange",
     "Color": "Dark Orange"
    },
    {
     "Group": "Yellow",
     "Color": "LemonChiffon"
    },
    {
     "Group": "Yellow",
     "Color": "PapayaWhip"
    },
    ...
]

//Crossfilter Code Here to establish Dimension
var ndx = crossfilter(data);
groupDim = ndx.dimension(function(d) {return "" + d.Group;}); 


//Pie Chart to Display Simple Colors
var colorsChart = dc.pieChart("chartColors");
...
dc.renderAll(); 


//Force Directed chart, would be used to display all nodes of colors
var force = d3.layout.force()
.charge(-120)
.linkDistance(30)
.size([width, height]);

var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);

... 

您只需将D3图表配置为侦听dc.js事件即可。链接的重复问题将向您展示如何进行。我有完全相同的问题,但请您提供一个示例?您只需配置D3图表以侦听dc.js事件即可。链接的重复问题将向您展示如何进行。我有完全相同的问题,但请您提供一个示例?