D3 可视化 - 如何自动选择按钮

由于正在使用按钮的 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