Question

我是D3（和javascript）的新手，但出于我的目的对这种可视化进行了修改：

如何自动单击按钮，以使浏览器无限循环地转到每个按钮？

我尝试将jQuery与$("#button_id").click();一起使用，但是它什么也没做。

Answer 1

由于正在使用按钮的ID调用该函数...

 @media print {


.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm- 
8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}

.col-sm-12 {
 width: 100%;
}

.col-sm-11 {
 width: 91.66666666666666%;
 }

.col-sm-10 {
  width: 83.33333333333334%;
 }

.col-sm-9 {
 width: 75%;
}

.col-sm-8 {
 width: 66.66666666666666%;
}

.col-sm-7 {
width: 58.333333333333336%;
}

.col-sm-6 {
width: 50%;
}

.col-sm-5 {
  width: 41.66666666666667%;  
}

.col-sm-4 {
 width: 33.33333333333333%;
}

.col-sm-3 {
 width: 25%;
}

.col-sm-2 {
 width: 16.666666666666664%;
}

.col-sm-1 {
 width: 8.333333333333332%;
}

}

这里的任务相对简单。

首先，设置一个具有所有ID的数组：

myBubbleChart.switchMode(buttonId);

然后，通过循环调用var ids = ["all", "region", "Change", "change_vs_net_value", "assets_on_map"];函数。这是一种非常简单的方法，使用myBubbleChart.switchMode()每3秒调用一次函数（同时更改按钮的外观）：

d3.timeout

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

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

1 个答案: