ngx-charts 垂直条 2d（分组）条组推到两侧

Question

我在使用 ngx-charts 垂直条 2d（分组条）时遇到了一些问题，每组中的条容器宽度似乎没有扩展到组的所有宽度，我重新创建了问题在 stackblitz 中，这可能只是一个简单的问题，但我没有看到它，请帮忙 :=)

Answer 1

我认为问题在于您在 x 尺度上为两个对象调用了不同的元素。 Ngx-Charts 期望在 x 尺度上的每个元素中具有相同名称的数据。您的图表认为每个对象（克罗地亚、瑞典）都有其中一个中每个可能名称的组合长度，这就是为什么瑞典在右边，克罗地亚在左边。您可以测试是否用“1”、“2”等通配符填充数据。

我不知道如何使用 groupedbarchart 解决这个问题，我建议使用带有组合值的普通条形图，并在其他地方显示每个值所属的内容。