d3.js圆环图选择选项onchange不更新图表

Question

我的圆环图表工作正常，但是当我从下拉菜单中选择选项时它不会自动更新图表。所以我必须在从dorp下拉菜单中更改选项后每次刷新页面

以下是代码

var arc = d3.svg.arc()
.outerRadius(radius - 10)
.innerRadius(radius - 70);

var pie = d3.layout.pie()
 .sort(null)
 .value(function(d) { return d.population; });
var svg = d3.select("body").append("svg")
 .attr("width", width)
 .attr("height", height)
 .append("g")
 .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

var loadData = function() {   
var metric = document.getElementById('metric').value;
 var dataFile = 'data_' + metric + '.csv'    
 d3.csv(dataFile, function(error, data) {

data.forEach(function(d) {
 d.population = +d.population;   
 });

var g = svg.selectAll(".arc")
   .data(pie(data))       
   .enter().append("g")  
   .attr("class", "arc");

g.append("path")
   .attr("d", arc)
   .style("fill", function(d) { return color(d.data.age); });

}); } 

loadData（）

您可以告诉我在选择时更新圆环图可以做些什么。 谢谢