d3酒窝图表，通过选定的选项

Question

我的d3酒窝图表存在很大问题。 对不起我的代码中的混乱，但需要有其他功能。

以下是问题： 我想通过选项下拉菜单选择一个大陆，但代码由于某种原因不起作用，也许是因为我有另一个功能使用下拉菜单。

否则问题必须在那里：

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

- ＆GT;只应显示带有所选选项的值。仅举例来说，应该展示欧洲国家。它曾经使用一个简单的下拉菜单，但没有选项，它不再工作。

这是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;              

您的案例与您的值不符。