javascript - 具有异常数据的 d3 堆积条形图

Question

所以我试图在 D3 中创建一个堆积条形图。我已经阅读了所有的教程，甚至实现了一个简单的堆积条形图。但是现在，问题是我有一个不寻常的数据集，如下所示：

[
  { "count": 18, "predicted": "mon", "name": "A", "actual": "mon" },
  { "count": 14, "predicted": "tue", "name": "A", "actual": "tue" },
  { "count": 7, "predicted": "wed", "name": "B", "actual": "wed" },
  { "count": 1, "predicted": "tue", "name": "B", "actual": "wed" },
  { "count": 4, "predicted": "thur", "name": "B", "actual": "thur" },
  { "count": 1, "predicted": "wed", "name": "B", "actual": "thur" },
]

我想创建一个堆积条形图，其中的值count将堆积所有actual相等的值。我该怎么做呢？我已经在互联网上搜索资源，但这是一个非常不寻常的数据集。

标签： javascriptd3.jsbar-chartstacked-chart