javascript - 使用 NVD3 分组和堆叠 multiBarChart

Question

可能重复问题 Bar chart in Javascript: stacked bars + grouped bars

我正在尝试创建一个堆叠条形图，让您可以将 2 个值(深蓝色和中蓝色)与上周的数据点(“后面”的次要浅蓝色)进行比较。

1. 从 multiBarChart() 和 .stacked(true) 开始，我首先尝试将这两个星期合并到一个包含 14 个柱的数组中，其中 x 位置可以帮助对条形图进行分组。我试图形成我的组合对象数组，其中 .x 属性的值为 0、0.3、1， 1.3、2、2.3 等 不幸的是，与 lineChart() 不同，它不使用 x 值进行定位。

2. 另一个想法是利用 .stacked(false) 组，提供具有相同 x 值的 4 个项目(而不是 2 个)。然后它们看起来彼此重叠而不是堆叠。 这里的间距看起来不错，但我如何将这些 2 2 堆叠起来？

Answer 1

嘿，我刚刚在 d3.js 上开发了分组+堆叠条形图。它不是 NVD3，但它可能对您有所帮助。

• Source

• Demo