D3.js中的和弦图

Question

我想制作一个和弦组（是什么叫它？）或项目。粉红色的尺寸与其中一条相同。

关于我的图表。我正在比较文件夹和用户计算机。计算机可以链接到X大小的文件夹，因此图形线是X大小。但是，当你有一个X行大小的和弦时，文件夹变为（X * amountOfLines），这对于具有多个文件夹大小（灰色）的计算机是有利的，但是对于具有多个计算机的文件夹（例如，颜色，粉红色）不好 imgur

此pic与我想要的类似。但是，它没有使用正确的颜色。不知何故，如果我把它缩小。我宁愿使用这些行作为该组/项目的100％并转到多台计算机。

这基本上就是我正在使用的代码。我已经对它进行了大量编辑，它是通过从磁盘使用中提取数据大小来通过PHP动态生成的。所以它不会在这里发布。然而，在块示例中，如果蓝色要转到3个单独的其他颜色，所有都是相同的编号，但不是3 *它的大小。这基本上就是我想要的。或者，如果有人可以告诉我如何强制为上面截图中的第二张图片着色。

以下是我code的重新创建版本。在line 43我有另一个单独的矩阵，它取出了和弦的颜色。我理解更大的价值是获得颜色的那个，但不是我想要的或者如果我可以改变更好的组大小。

 var matrix = [ 
    [ 0, 0, 15, 15, 15 ],
    [ 0, 0, 0, 0, 0 ],
    [ 15, 0, 0, 0, 0 ],
    [ 15, 0, 0, 0, 0 ],
    [ 15, 0, 0, 0, 0 ]
];

注意第一个数组是7-up，“蓝色”是彩色的。但它是15 * 3，因为它到达3个位置。如果我可以强制设置为每行15 * 1。那会很好。 感谢您的任何帮助。现在几天都试图解决这个问题。