【问题标题】:Understanding a multi-line d3 chart example了解多线 d3 图表示例
【发布时间】:2014-04-18 01:22:04
【问题描述】:

例如 - 以下链接是显示 3 个指标(纽约、旧金山、奥斯汀)的多线图

http://bl.ocks.org/mbostock/3884955

如果我想在 Austin(移动平均线)之上放置第四个指标(移动平均线),我会在代码结构中的哪个区域(哪个区域不会导致错误)放置等式?

我将如何将第 4 行显示为 它不符合其他指标的行为,因为它们是通过 d3.tsv("data.tsv", 和 data.tsv 绘制的。对于每个

我问这样的问题是因为我一直在玩这些东西,但最终打破了它们我似乎无法完全了解文档但阅读并不能完全帮助我想是因为这比我习惯的 javascript 更直观,可惜示例中几乎没有零注释。

【问题讨论】:

  • 您应该能够使用 if 语句计算第一个 forEach 循环中温度的移动平均值。您显然必须添加一个键值对来存储它。然后,您应该能够从修改后的数据中获取键并使用代码中已经存在的 map 函数。

标签: d3.js


【解决方案1】:

这是一个plunker 来回答这个有趣的问题。 (红色的平均值。)

...
d3.tsv("data.tsv", function(error, data) {
    data.forEach(function(d) {
        d.date = parseDate(d.date);
        d.AVERAGE = (+d["New York"] + +d["San Francisco"] + +d["Austin"]) / 3;
    });
...

【讨论】:

  • 非常非常酷! d3 如何不将三行放在彼此之上,因为它在 a 中肯定会发生 3 次,所以 2/3 时间也将是计算能力的腰部?
  • 嗨,谢谢。每个指标在不同数据点的数据值确实不同(包括添加的平均值),因此它们落在 y 尺度上的不同点/高度。我误读了你的问题吗?
猜你喜欢
  • 2017-07-16
  • 1970-01-01
  • 2021-10-25
  • 2013-01-24
  • 2021-06-16
  • 2013-10-08
  • 1970-01-01
  • 1970-01-01
  • 2017-06-24
相关资源
最近更新 更多