d3 dimple 图表，display/change 图表国家通过选择的选项

Question

我的 d3 凹坑图有一个大问题。很抱歉我的代码乱七八糟，但还需要其他功能。

这是问题所在：我想通过选项下拉菜单 select 一个大陆，但由于某种原因代码无法正常工作，可能是因为我有另一个使用下拉菜单的功能。

否则问题一定出在：

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

-> 只应显示带有 selected 选项的值。例如，仅应显示欧洲国家。它曾经使用一个简单的下拉菜单工作，但没有选项它不再工作了。

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

Answer 1

如果我对你的问题理解正确的话，是：

The proper countries do not display when a continent is selected.

那么，你的问题就在于：

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

这里：

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

您的案例与您的价值观不符。

d3 dimple 图表，display/change 图表国家通过选择的选项

d3 dimple chart, display/change chart countries via selected option

option

d3.js

dimple.js