Javascript 条形图的子集序数域_Javascript_D3.js_Dc.js

Javascript 条形图的子集序数域

javascript d3.js

Javascript 条形图的子集序数域,javascript,d3.js,dc.js,Javascript,D3.js,Dc.js,我在条形图中有三个类别需要绘制，因此，有三个条形图。然而，我只想绘制两个类别，两个条形图。我有类别A，B，C，我想画出子集A，B。这是一个工作图。问题是，当我将[“A”，“B”]放入.x（d3.scale.ordinal（）.domain（[“A”，“B”]））第三个条形图仍然绘制在另一个条形图上。谢谢你的帮助 HTML: <body> <div id='bar1'><div><h3>Bar 1</h3></div>

我在条形图中有三个类别需要绘制，因此，有三个条形图。然而，我只想绘制两个类别，两个条形图。我有类别A，B，C，我想画出子集A，B。这是一个工作图。问题是，当我将

[“A”，“B”]

放入

.x（d3.scale.ordinal（）.domain（[“A”，“B”]））

第三个条形图仍然绘制在另一个条形图上。谢谢你的帮助

HTML:

<body> 
    <div id='bar1'><div><h3>Bar 1</h3></div></div>
</body>

此处有缩放或聚焦顺序图表的请求：

但是，在实现之前，我建议使用此处描述的“假组”技术：

常规筛选适配器可能类似（未测试）：

然后像这样使用它：

var group0 = XDimension.group().reduceSum(function(d){return d.ID}),
    xgroup = filtered_group(group0, ["A", "B"]);
chart.group(xgroup);

工作得很漂亮。在你的帮助下，我已经想出了很多方便的解决办法。我正在考虑写一本手册，上面有我所有问题的例子。

function filtered_group(group, bins) {
  return {
    all:function () {
      return group.all().filter(function(d) {
        return bins.indexOf(d.key) != -1;
      });
    }
  }
};

var group0 = XDimension.group().reduceSum(function(d){return d.ID}),
    xgroup = filtered_group(group0, ["A", "B"]);
chart.group(xgroup);