Question

我是D3新手并创建了http://www.adeveloperdiary.com/d3-js/create-stacked-bar-chart-using-d3-js/中的堆积条形图。

假设我使用CSV

highlight(HighlightBuilder highlightBuilder)

我需要添加过滤器，当输入为A时，只有A数据的矩形应该是可见的。请帮我解决它是如何实现的。我添加了一个具有var input =“A”的特定方法，并添加了如下方法

month,A,B
Jan,10,20
Feb,30,40

这能够获取特定于每个输入的x和y，但是，当我将其添加到

时

 var dd=function(x)
{
   if(input==null)
   {
      return direction.map(function (c) {

    return data.map(function (d) {

        //console.log(d[c]);
             return {x: d.month, y: d[c]};
         })    
     })
     }

        else{
             return data.map(function (d) {
               return {x: d.month , y : d[input]};
           });
        }

}
var dataIntermediate=dd(input);
console.log(JSON.stringify(dataIntermediate));

我得到t.map不是一个函数。当它特定于月份时，只有一个输入值的值.Flaw在此代码中

var dataStackLayout = d3.layout.stack()(dataintermediate);

同时，所有数据在开始时和仅在选择后可见，视觉需要过滤。我被卡住了。请支持

Answer 1

只需要做一次改动。

YourButtonObject.backgroundColor = [UIColor yellowColor];

这符合目的。那就是它。

通过更改输入选择的数据，使用d3 v3.js过滤堆积条形图

1 个答案: