Javascript 单击其他图表(dc.js)后显示行图表

Javascript 单击其他图表(dc.js)后显示行图表,javascript,dc.js,crossfilter,Javascript,Dc.js,Crossfilter,我有两个行图表,需要在单击第一行图表上的(选择一个)后显示第二个图表。我怎样才能做到 我不能添加js提琴,因为我从数据库获取数据 var TestCaseRow = dc.rowChart("#TestCaserowchart"); var TestCaseDim = perfData.dimension(function (d) { return d.TestCase; }); var clickGroup = TestCaseDim.group().reduceCount(

我有两个行图表,需要在单击第一行图表上的(选择一个)后显示第二个图表。我怎样才能做到

我不能添加js提琴,因为我从数据库获取数据

 var TestCaseRow = dc.rowChart("#TestCaserowchart");
 var TestCaseDim = perfData.dimension(function (d) {
     return d.TestCase;
 });
 var clickGroup = TestCaseDim.group().reduceCount(function (d) {
     return d.x;
 });        
 var filtered_groupTestCase = remove_empty_bins(clickGroup);

 TestCaseRow
    .width(1100)
    .height(filtered_groupTestCase.all().length*18)
    .margins({ top: 5, left: 10, right: 10, bottom: 20 })
    .dimension(TestCaseDim)
    .group(filtered_groupTestCase)
    .elasticX(true);

//my other row chart 
var testscriptRow = dc.rowChart("#testscriptrowchart");
var testscriptDim = perfData.dimension(function (d) {
    return d.TestScript;
});

var ClickTestscriptGroup = testscriptDim.group().reduceCount(function (d) {
    return d.x;
});
var filtered_groupTestScript = remove_empty_bins(ClickTestscriptGroup);
testscriptRow
    .width(1100)
    .height(filtered_groupTestScript.all().length*40)
    .margins({ top: 5, left: 10, right: 10, bottom: 20 })
    .dimension(testscriptDim)
    .group(filtered_groupTestScript)
    .elasticX(true);

使用
.on('filtered',function(chart,filter){…})
在第一个图表上注册事件处理程序。在该函数中,检查第二个图表是否显示,如果未显示,请执行显示该图表所需的任何操作。

使用
.on('filtered',function(chart,filter){…})在第一个图表上注册事件处理程序。
。在该函数中,检查第二个图表是否显示,如果未显示,请执行您需要执行的任何操作来显示它。

我尝试了此操作,但在单击('filtered',function(chart,filter){TestCaseRow.width(1100).height(filtered_groupTestCase.all().length*18).页边距之前,它会显示我的第二个图表({top:5,left:10,right:10,bottom:20}).dimension(TestCaseDim).group(filtered_groupTestCase.elasticX(true).colors(ColorTest);})->我在这里添加了第二个图表中的代码,是否正确?设置图表时,可能会调用筛选的事件。您需要在事件处理程序中测试,现在正是设置所需图表的正确时间。如果您将JSFIDLE放在一起,可能有人会向您演示如何执行此操作。我尝试了此操作,但它显示了我的第二个图表rt,然后单击。on('filtered',function(chart,filter){TestCaseRow.width(1100)。height(filtered_groupTestCase.all().length*18)。边距({top:5,left:10,right:10,bottom:20})。维度(TestCaseDim)。组(filtered_groupTestCase)。elasticX(true).colors(ColorTest);});->我在这里添加了第二个图表中的代码是否正确?设置图表时可能会调用筛选的事件。您需要在事件处理程序中测试是否正是设置所需图表的正确时间。如果您将JSFIDLE放在一起,可能有人会向您展示如何准确地执行此操作。