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”; //如果我根据饼图更改了组值，它将在条形图中过滤。

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));
}

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

更新了plunker：https://plnkr.co/edit/L18QvDQ2FFvM29wJkx4i?p=preview

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

1 个答案: