javascript - Angular nvd3 堆栈面积图 - 扩展选项 - 0% 到 100% 范围

Question

我在处理堆积面积图时遇到了一些麻烦。单击“展开”选项时出现的问题。扩展选项的 y 轴范围为 0% 到 100%，但值为 y * 100%。

例如，拿这个数据集...

x [1,2,3,4,5,6,7]

y [0, 140, 451, 867, 903, 960, 1000]

140 + 451 + 867 + 903 + 960 + 1000 = 4321

960 / 4321 * 100% = 22.21%

使用扩展选项，当我希望它等于实际百分比 22.21% 时，值 960 是 960%。

1. 是否有一种方法可以格式化数据，使 y 值在“扩展”样式中调整到 0%-100% 的范围？

2. 或者，是否有一种方法可以监听用户何时点击“展开”选项？

Answer 1

如果您的面积图作为流图或堆叠图正常工作，它应该会自动扩展。一个可能的问题 - 如果您设置了 yDomain 或 forceY 属性，那么您的展开 View 将不起作用。