Javascript dc.js图表中类似highcharts的列向下展开

我正在使用dc js图表构建一个多重深入分析。我还希望能够使用漂亮的highcharts功能，如图所示

我有一个饼图和两个连接到饼图的条形图、折线图

是否有一种方法可以将条形图转换为像highcharts中所示的列向下钻取功能一样打开

如有任何方法/建议，将不胜感激

到目前为止，我的饼图和条形图代码如下：

var chart = dc.pieChart("#test");
var chart2 = dc.barChart("#test2");

d3.csv("dataset_2.csv", function(error, experiments) {

  console.log(experiments[0]);
  //Filtering only target population
  experiments = experiments.filter(function (d) { return d.target_ind == "1"; });

  var ndx  = crossfilter(experiments);
  var all = ndx.groupAll();

  bucketDimension  = ndx.dimension(function(d) {return "Bucket : " +d.decay_bucket;});
  speedSumGroup = bucketDimension.group().reduceSum( function(d) { return d.Count ;});
dateDimension  = ndx.dimension(function(d) {return d.rate_plan ;});
  rechGroup = dateDimension.group().reduceSum ( function(d) { return d.recharge_revenue ;});

 //Pie chart declarations
chart
    .width(768)
    .height(480)
    //.slicesCap(6)
    .innerRadius(100)
    .dimension(bucketDimension)
    .group(speedSumGroup)
    .legend(dc.legend());


//Bar chart declarations

chart2
    .width(768)
    .height(480)
    .x(d3.scale.ordinal())
    .xUnits(dc.units.ordinal)
    //.brushOn(false)
    .yAxisLabel("Recharge Revenue")
    .dimension(dateDimension)
    .group(rechGroup)
    .on('renderlet', function(chart) {
        chart.selectAll('rect').on("click", function(d) {
            console.log("click!", d);
        });
    });


dc.renderAll();

dc.redrawAll();
}); 

---

我该如何打开一个条形图作为列向下钻取的条形图？假设时间维度是月-周映射或类似映射？

我认为将数据从dc.js发送到highcharts可能会更容易，只要您不需要从条形图中筛选其他图表。也就是说，可能有一种方法可以使用自定义的单击事件处理程序来完成此操作。@Gordon:请在您有空时回答这个问题，这将非常有帮助！我认为将数据从dc.js发送到highcharts可能会更容易，只要您不需要从条形图中过滤其他图表。也就是说，可能有一种方法可以使用自定义的单击事件处理程序来完成此操作。@Gordon:请在您有空时回答这个问题，这将非常有帮助！