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

Question

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

我无法添加 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){...}) 在第一个图表上注册事件处理程序。在该函数中，检查第二个图表是否显示，如果没有，请执行您需要执行的操作来显示它。