单击其他图表后显示行图（dc.js）

Question

我有两个行图，需要在第一行图表上点击（选择一个）后显示第二个图表。我该怎么做？

我无法添加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);

Answer 1

使用 GeneralViewModel generalViewModel = new GeneralViewModel(auth); windowFactory.CreateGeneralWindow(generalViewModel); 在第一个图表上注册事件处理程序。在该功能中，检查是否显示第二个图表，如果不显示，请执行任何操作以显示它。