javascript - 具有不同 y 轴/刻度的分组条形图

Question

我正在尝试创建一个包含 70 个样本和 2 个系列的分组条形图。与此示例类似：

然而，一个系列是 [0 ... 1]，另一个系列是 [0 ... 1.000.000]。我无法用我的数字重新创建示例。

我也不太明白这个例子。不应该是变量切换，即x -> y，y0 -> x0 和y1 -> x0？还是它们不代表 x 和 y 轴？

谢谢！

编辑：

这是一个演示我的问题的示例（查看控制台）。 http://jsfiddle.net/kQSGF/3/

score 2 · Accepted Answer

问题似乎来自规模定义：

var x = d3.scale.linear().domain([0, 1]).range([h, 0]);

域设置为 [0,1] 但只有您的第一个数据系列实际上属于该范围。您可以考虑将域设置为数据范围，并反转输出范围，以便将数据中的值而不是“非”值量显示为条形：

var x = d3.scale.linear().domain(d3.extent(d3.merge(data))).range([0,h]);

请注意，您仍然不太可能看到较小的数据系列，因为您的数据范围差异很大

1 回答 1