Question

我有一个非常基本的折线图，我用它根据时间绘制一些数据。这一切都正常，但我需要解决的问题是时间轴上的图非常接近。

考虑以下数据点：

{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-01T18:49:06"}
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-02T28:49:06"}
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-03T18:49:06"}
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T08:10:06"}
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T09:21:06"}
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T11:32:06"}

对于前3个点，图表看起来很好但是一旦它到达在短时间内发生的数据，数据就会开始聚集并且很难在图表中欣赏。

我一直在尝试在网上找到一个处理此类内容但尚未找到的样本。

我尝试在轴上使用基本插补命令，但这些命令不起作用。

如何更改我的轴：

var yAxis = d3.svg.axis()
    .tickSize(-width).tickPadding(10)
    .scale(y)
    .orient("left");

在这些情况下“分散”这些要点？

Answer 1

这是一个评论，但我没有必要的声誉。

您可能需要查看cartesian fisheye distortion

D3插值时间轴上的折线图

1 个答案: