D3 仪表板图表无法正常工作答案

【问题标题】：D3 Dashboard chart not working properlyD3 仪表板图表无法正常工作
【发布时间】：2017-03-31 09:19:06
【问题描述】：

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

这是我的参考 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"; // 如果我根据饼图更改组值，它将在条形图中过滤。

function datasetBarChosen(group) {
debugger;

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

谢谢

【问题讨论】：

标签： javascript d3.js

【解决方案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

【讨论】：