键入时过滤d3气泡图

Question

我正在尝试在文本框中键入内容时过滤气泡图。 对于我们键入的每个按键，应该使用名称值与到目前为止键入的表达式匹配的节点来更新气泡图。

这是我正在尝试的方法，但似乎没有用。 还有其他方法吗？

var selectedVal = document.getElementById('autocompleteInput').value;
var regexp = new RegExp("^" + selectedVal.toLowerCase() + "\\w*");
var updatedData = feedsChart['children'].filter(function(obj){
         return regexp.test(obj['name'].toLowerCase());
                });
var newObj = {"children":updatedData,"name":"All Feeds"};
drawBubble(newObj); // This function redraws the entire bubble chart

Answer 1

我相信您需要将更新图表的功能绑定到onkeyup事件。 使用jQuery，它可能看起来像这样

d3.select("#autocompleteInput").on("keyup", drawBubble);