他のグラフ（dc.js）をクリックした後に行グラフを表示

Question

2つの行グラフがあり、最初の行グラフで（selectetd1）をクリックした後に2番目のグラフを表示する必要があります。どうすればいい？

データベースからデータを取得しているため、js fiddleを追加できません。

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); 

Answer 1

.on('filtered', function(chart, filter){...})との最初のチャート上のイベントハンドラを登録します。その関数内で、2番目のグラフが表示されているかどうかをチェックし、2番目のグラフが表示されていない場合は、それを表示するために必要な処理を行います。