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

Question

我正在尝试按照堆叠条示例的方式实现一些目标，不同之处在于我的背景数据的组织方式。

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

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

例如

   //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 采用的层输入可能仍然值得，但我提出这个以防万一。