我正在使用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尚未真正使用)
答案 0 :(得分:1)
你可以为每一行设置多个Y刻度,然后例如为轴着色并勾选与线相同的颜色以显示哪一个。
答案 1 :(得分:0)
这实际上是一个设计问题,而不是编程问题,所以这里并不完全合适。这取决于数据的性质和可视化的目标。仍然..
您可以使用多个轴尝试tomtomtom建议的内容。
您可以使用非线性比例,例如d3.scale.sqrt
或d3.scale.log
。
或者,您可以将所有值转换为相对于选定时间点的百分比变化(通常,该时间是系列的开头)。这正是股票价格图表显示两个或更多股票之间的比较。 See example