d3.v3.js范围的多系列折线图

Question

我正在使用d3.v3.js创建多系列折线图 。

我试图随着时间推移绘制4个不同的数据系列。 我的问题是数据范围差异很大。 我想知道如何调整数据以便可以显示所有内容？ 数据系列中的一个具有如此高的数字，另一个数据系列在图的底部被向下推，并且基本上难以辨认。

我希望能够缩放数据，以使图形看起来不会出现可笑的歪斜。

数据集示例：

0: {date:2013-12-01, a:690558, b:68494, c:1886, d:0}    
1: {date:2013-12-02, a:607800, b:53720, c:1698, d:0}    
2: {date:2013-12-03, a:740914, b:86944, c:2896, d:0}    
3: {date:2013-12-04, a:885053, b:99616, c:3301, d:0}

如您所见，数据集A> B> C> D（尚未真正使用d）

Answer 1

您可以为每条线设置多个Y刻度，然后为轴和刻度线着色，例如与该线相同的颜色以显示哪条线。

Answer 2

这实际上是一个设计问题，而不是编程问题，因此此处并不完全合适。 它取决于数据的性质和可视化目标。 仍然..

您可以使用多个轴尝试建议的tomtomtom。

您可以使用非线性标尺，例如d3.scale.sqrt或d3.scale.log 。

或者，您可以将所有值转换为相对于所选时间点的百分比变化（通常，时间是序列的开始）。 这正是股票价格图显示两个或更多股票之间比较的方式。 参见示例 。