单击其他图表后显示行图表 (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){...}) 在第一个图表上注册一个事件处理程序。在该函数中，检查是否显示了第二张图表，如果没有显示，请执行您需要做的任何事情来显示它。

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

show row chart after clicking a other chart (dc.js)

javascript

crossfilter

dc.js