D3可視化-如何自動選擇按鈕

Question

我是D3（和javascript）的新手，但為我的目的調整了此可視化效果：

D3可視化

編碼

如何自動單擊按鈕，以便瀏覽器在無限循環中轉到每個按鈕？

我嘗試將jQuery與$("#button_id").click(); 但是它什么也沒做。

Answer 1

由於正在使用按鈕的ID調用該函數...

myBubbleChart.switchMode(buttonId);

這里的任務相對簡單。

首先，設置一個具有所有ID的數組：

var ids = ["all", "region", "Change", "change_vs_net_value", "assets_on_map"];

然后，循環調用myBubbleChart.switchMode()函數。 這是一種非常簡單的方法，使用d3.timeout ，每3秒調用一次函數（以及更改按鈕外觀）：

var index = 0;
d3.interval(function() {
    myBubbleChart.switchMode(ids[(index++) % 5])
    d3.selectAll(".button").classed("active", function(_, i) {
        return i === index % 5 - 1;
    })
}, 3000)

這是演示bl.ocks： http ://blockbuilder.org/GerardoFurtado/dfaaedf591b980c2864eb054c7b29300