D3 - 禁用分组

时间:2016-06-09 20:59:35

标签: javascript d3.js

我在this example之后使用D3构建折线图。我有它工作,它看起来完全符合预期。

我遇到的问题是数据。删除样本数据并使用我自己的数据时,所有内容都组合在一起。

我的生产数据示例:

Date                | Close
01-01-2016 01:00:00 | 14.3
01-01-2016 01:00:00 | 13.2
01-01-2016 01:00:00 | 9.3

根据以上内容,我期待看到的是按顺序绘制的三个点。我得到的是一点,因为看起来D3正在像日期一样分组。

除了数据之外,我的代码与我所链接的代码完全相同。如何禁用分组以按说明显示结果?

谢谢

1 个答案:

答案 0 :(得分:0)

您在一个日期累积了所有数据:

01-01-2016 01:00:00
迈克的数据有这样的形状:

date    close
24-Apr-07   93.24     24
25-Apr-07   95.35     25
26-Apr-07   98.84     26
27-Apr-07   99.92     27
30-Apr-07   99.80     30

这是一个时间系列,看到差异?

如果您想要绘制所有数据,无论它们的日期是否相同,都必须使用简单的折线图而不是时间图。

来自Mike的标题页:

该图表采用传统的边距和许多D3功能:

  • d3.tsv - 加载和解析数据
  • d3.time.format - 解析日期
  • d3.time.scale - x-position encoding
  • d3.scale.linear - y-position encoding
  • d3.extent - 计算域
  • d3.svg.axis - 显示轴
  • d3.svg.line - 显示线条形状