我正在使用dc js图表构建多次向下钻取 . 我想也能够使用漂亮的highcharts功能,如图所示here
我有一个饼图和几个连接到饼图的条形图,折线图 .
有没有办法将条形图转换为像高级图表中所示的列向下钻取功能一样打开?
任何方法/建议都将受到高度赞赏 .
到目前为止我的饼图和条形图代码如下:
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();
});
如何打开条形图作为列向下钻取的条形图?假设时间维度是月周映射或类似等?