D3仪表盘图不能正常工作

Question

你好，我使用的是D3仪表盘图表。

这是我的参考D3仪表盘图。

https://plnkr.co/edit/Q8OqJF3pOt8eGmwlreaf?p=preview

这里所有的数据都来自变量。为了便于使用，我想从json文件中获取数据。我也改变了这一点。

但是过滤器函数在这里不起作用。“如果我点击了饼图，数据就不会被过滤。如果我硬编码过滤器值，它就意味着它将按照饼图值进行过滤”，谁能告诉我如何纠正我的错误。

这是我的柱塞密码。

https://plnkr.co/edit/fAl9l9INrFmxO94yHaV4?p=preview

 d3.json("d1.json", function(datasetBarChart){

    // set initial group value

var group = "MAB"；//如果我按照饼图更改组值，它将在条形图中筛选。

function datasetBarChosen(group) {
debugger;

    var ds = [];
    for (x in datasetBarChart) {
         if(datasetBarChart[x].group==group){
            ds.push(datasetBarChart[x]);
         } 
        }
    return ds;
}

谢谢

Answer 1

条形图不更新，因为updateBarChart函数在d3.json("d1.json", function(datasetBarChart){}的范围内。

function up(d, i) {
    updateBarChart(d.data.category, color(i));
    updateLineChart(d.data.category, color(i));
}

若要解决此问题，请调用数据并将其传递给呈现函数。

更新柱塞：https://plnkr.co/edit/L18QvDQ2FFvM29wJkx4i?p=preview