gpt4 book ai didi

dc.js - 单击数据表以过滤其他图表(dc.js)

转载 作者:行者123 更新时间:2023-12-01 10:33:27 28 4
gpt4 key购买 nike

当我点击数据表中的一行时,我需要过滤其他图表。

我做了

my_table.on('pretransition', function (table) {
table.selectAll('td.dc-table-column')
.on('click',function(d){
table.filter(d.key)
dc.redrawAll();
})
});

但其他图表没有任何反应。

你能帮帮我吗?

最佳答案

如果表维度是一个维度...

通常填充数据表的数据是原始数据集中的原始行,而不是键/值对。

所以很可能 d.key 是未定义的。

我建议你先坚持

console.log(d)

进入您的点击处理程序以查看您的数据,以确保 d.key 有效。

其次,请记住图表会通过其维度进行过滤。因此,您需要向 table.filter() 传递一个值,该值是您维度的有效键,然后它将过滤掉键不同的所有行。这可能不仅仅是您选择的一行。

通常选择表维度是因为它对行值进行排序的方式。您可能实际上想要过滤其他一些维度。但希望这足以让您入门。

但是如果表格维度是一个组呢?

只有当您的表将交叉过滤器维度作为其维度时,上述技术才有效。如果像您在评论中链接的 fiddle 一样,您使用一个组作为维度,则该对象没有 .filter() 方法,因此 table.filter() 方法不会做任何事情。

如果你只需要过滤被点击的一项,你可以这样做

foodim.filter(d.key)

这个有效果但是没那么有用。

如果您需要 dc 的有序图表中使用的切换功能,则需要模拟它。没那么复杂:

// global
var filterKeys = [];

// inside click event

if(filterKeys.indexOf(d.key)===-1)
filterKeys.push(d.key);
else
filterKeys = filterKeys.filter(k => k != d.key);
if(filterKeys.length === 0)
foodim.filter(null);
else
foodim.filterFunction(function(d) {
return filterKeys.indexOf(d) !== -1;
})

fiddle 示例:https://jsfiddle.net/gordonwoodhull/kfmfkLj0/9/

关于dc.js - 单击数据表以过滤其他图表(dc.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44957203/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com