使用 d3 堆栈布局，按点而不是按层组织数据

Question

我正在尝试实现与stacked bars example 类似的目标，不同之处在于我的背景数据的组织方式。

布局假设数据是按层组织的。

有没有人尝试过使用按数据点组织数据的布局？

例如

   //completely random example, but I hope you can get the gist. 
    [{
    id: 1,
    name: 'foo'
    layers: {
        a: 10,
        b: 13,
        c: 12
      }
 }, {
   id: 2,
   name: 'bar',
   layers: {
       a: 8,
       b: 5,
       c: 14
     }
 }]

除了完整的重新映射以使数据按层排列（我可能必须为相当大的数据集执行此操作，这就是我要问的原因），有没有人根据这样呈现的数据创建堆叠布局？

Answer 1

您始终可以回避原生 d3 堆栈布局辅助函数并自己根据数据计算 rect 位置 - 这是一个堆叠条的基本示例，其数据与您的类似： http://jsfiddle.net/tyR2S/7/

您仍然需要对数据进行一些转换，因此尝试转换为 d3.stack 采用的层输入可能仍然值得，但我提出这个以防万一。