d3酒窩圖，通過選定的選項顯示/更改圖表國家

Question

我的d3酒窩圖有一個很大的問題。 對不起，在我的代碼混亂，但需要有其他功能。

這是問題： 我想通過選項下拉菜單選擇一個大陸，但代碼不工作的原因，也許是因爲我有另一個功能使用下拉菜單。

否則這個問題必須有：

d3.selectAll('option').on("change", function(d) { 
myChart.data = getData(data,this.options[this.selectedIndex].value); 
myChart.draw(500); 

- >只有重視與所選擇的選項應顯示。例如，只應顯示歐洲國家。它曾經有一個簡單的下拉菜單，但沒有與選項不再工作。

這裏是JSBIN：http://jsbin.com/yigomu/edit?html,js,output

Answer 1

如果我正確理解你的問題，那就是：

當選擇一個大陸的適當國家不顯示。

然後，你的問題就出在這裏之間：

<option value="Europe">Europe</option> 
<option value="Middle East">Middle East</option> 

在這裏：

switch(parent){ 
      case 'europe': 
      list(europe); 
      break; 
      case 'middleeast': 
      list(middleeast); 
      break;    

你的情況不匹配，你的價值觀。