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;    

你的情况不匹配，你的价值观。