从选定的栏中获取信息-dc.js

时间:2019-03-17 12:24:25

标签: dc.js crossfilter

我使用交叉过滤器和dc.js创建图表。

在图表Nr.1中,您可以看到每天有多少客人来餐厅用餐,第二张图表显示了客人的年龄。两者都是条形图。

对于某些计算,我需要选择的栏中的信息。例如:

在图表Nr.1中选择日期16/03/2019,然后在图表Nr.2中看到100位客人年龄较大,然后是50岁,然后是30岁以下,然后是50岁。

现在我需要一个100位来宾的变量,另一个需要30位来宾的变量。

我如何获取每个柱形汇总值背后的数据?

1 个答案:

答案 0 :(得分:0)

您可以覆盖条形图onClick函数以保存所选的值:

var valueSelected;

dc.override(barChart, 'render', function () {

    barChart.selectAll('rect').on("click", function (d) {
        valueSelected = d.data.value;

        //call original onClick:
        barChart.onClick(d);
    });

    barChart.selectAll('text.barLabel').on("click", function (d) {
        valueSelected = d.data.value;

        //call original onClick:
        barChart.onClick(d);
    });
});