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

时间:2013-12-04 22:53:46

标签: javascript math d3.js series graphing

我正在使用multi-series line chart创建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尚未真正使用)

2 个答案:

答案 0 :(得分:1)

你可以为每一行设置多个Y刻度,然后例如为轴着色并勾选与线相同的颜色以显示哪一个。

答案 1 :(得分:0)

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

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

您可以使用非线性比例,例如d3.scale.sqrtd3.scale.log

或者,您可以将所有值转换为相对于选定时间点的百分比变化(通常,该时间是系列的开头)。这正是股票价格图表显示两个或更多股票之间的比较。 See example