D3.js堆叠条形图过滤器

Question

我对D3相当陌生，但是在为堆积的条形图创建过滤器时遇到了问题。我设法使用称为“随机”的占位符键作为使事件彼此叠加的键来使堆栈正常工作。我不知道如何为图表创建过滤器。

我的目标是要有一个按钮，该按钮可以按事件类型使用过滤后的数据更新图表。目前，我有两种类型，软件版本和书籍版本。

我相信d3.nest（）会有所帮助，但是我不确定如何根据需要使用它。这将按事件的类型组织所有事件。

var entries = d3
    .nest()
    .key(function (d) {
      return d.type;
    })
    .entries(data)
    .reverse();

我的数据看起来像这样

{
    "eventYear": 2013,
    "eventName": "asdasd",
    "random": 3,
    "type": "software release"
  },
  {
    "eventYear": 2014,
    "eventName": "asads",
    "random": 2,
    "type": "book release"
  }

年份用于X轴，而“随机”用于将每个事件叠加在一起。

这是我当前进度的Codepen https://codepen.io/dramirez5191/pen/JjGpadg