javascript - D3 仪表板图表无法正常工作

Question

您好，我正在使用 D3 仪表板图表。

这是我的引用 D3 仪表板图表。

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

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

但是过滤功能在这里不起作用。 “如果我单击饼图，数据不会被过滤。如果我硬编码过滤器值意味着它将根据饼图值进行过滤”任何人都可以告诉我如何纠正我的错误。

这是我的 plunker 代码。

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

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

    // set initial group value

var group = "MAB"; // if i changed group value as per the pie chart it will filter in the bar chart.

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