Can';我不知道如何更新语言图表[Javascript/D3.js]

Can';我不知道如何更新语言图表[Javascript/D3.js],javascript,html,d3.js,Javascript,Html,D3.js,我从csv文件中获取数据,该文件的结构如下: smoker,works_out,age_group,severity,probability yes,yes,<25,50,60 yes,no,<25,40,70 ................ 此部分使用参数过滤csv以获得严重性和概率值 d3.csv("simulator.csv", function(data) { a = data.filter(function(d) { return d.smoker

我从csv文件中获取数据,该文件的结构如下:

smoker,works_out,age_group,severity,probability
yes,yes,<25,50,60
yes,no,<25,40,70
................
此部分使用参数过滤csv以获得严重性和概率值

d3.csv("simulator.csv", function(data) {

  a = data.filter(function(d) {
        return d.smoker == smoker
        && (d.works_out == works_out)
        && (d.age == age)
      })

  sev = a[0]['severity']
  prob = a[0]['surgery_prob']
这就是我被困的地方。当用户通过下拉列表提交新参数时,我不知道如何更新语言

下面是我正在使用的JS和HTML:

var宽度=350;
变量arcSize=(6*宽度/100);
var innerRadius=圆弧尺寸*3;
风险值数据=[{
价值:50,
标签:“严重性”,
颜色:“#B8D846”
},
{
价值:60,
标签:“概率”,
颜色:“#52419F”
},
];
var svg=d3.select(“#result”).append('svg').attr('width',width.).attr('height',width);
var arcs=data.map(函数(obj,i){
返回d3.svg.arc();
});
var arcsGrey=data.map(函数(obj,i){
返回d3.svg.arc();
});
var pieData=data.map(函数(obj,i){
返回[{
值:对象值*0.75,
弧:弧[i],
对象:obj
},
{
值:(100-目标值)*0.75,
弧:弧灰[i],
对象:obj
},
{
值:100*0.25,
弧:弧[i],
对象:obj
}
];
});
var pie=d3.layout.pie().sort(null).value(函数(d){
返回d值;
});
var g=svg.selectAll('g').data(pieData).enter()
.append('g')
.attr('transform','translate('+width/2+','+width/2+')旋转(180');
var gText=svg.selectAll('g.textClass').data([{}]).enter()
.append('g')
.classed('textClass',true)
.attr('transform','translate('+width/2+','+width/2+')旋转(180');
g、 选择全部(“路径”)。数据(功能(d){
返回馅饼(d);
}).enter().append('path')
.attr('id',函数(d,i){
如果(i==1){
返回“Text”+d.data.object.label
}
})
.attr('d',函数(d){
返回d.data.arc(d);
}).attr('fill',函数(d,i){
返回i==0?d.data.object.color:i==1?'#d3d3':'none';
});
svg.selectAll('g')。每个(函数(d,索引){
var el=d3。选择(此项);
var path=el.selectAll('path')。每个函数(r,i){
如果(i==1){
var centroid=r.data.arc.centroid({
startAngle:r.startAngle+0.05,
端角:r.startAngle+0.001+0.05
});
var lableObj=r.data.object;
g、 追加('文本')
.attr('font-size',((5*width)/100))
.attr('主基线','中心')
.append(“textPath”)
.attr(“textLength”,函数(d,i){
返回0;
})
.attr(“xlink:href”,“#Text”+r.data.object.label)
.attr(“startOffset”,“5”)
.attr(“dy”、“-3em”)
.text(lableObj.value+'%');
}
如果(i==0){
var centroidText=r.data.arc.centroid({
startAngle:r.startAngle,
端角:r.startAngle
});
var lableObj=r.data.object;
gText.append('text')
.attr('font-size',((5*width)/100))
.text(lableObj.label)
.attr('transform',“translate”(+(质心文本[0]-((1.5*宽度)/100))+”,“+(质心文本[1]+”)旋转(+(180)+”))
.attr(‘显性基线’、‘中心’);
}
});
});

径向的
吸烟者
对
不
算出
对
不
年龄组
少于25
大于35
25 - 35

看看更新模式:
d3.csv("simulator.csv", function(data) {

  a = data.filter(function(d) {
        return d.smoker == smoker
        && (d.works_out == works_out)
        && (d.age == age)
      })

  sev = a[0]['severity']
  prob = a[0]['surgery_prob']