了解多行d3图表示例

时间:2014-04-18 01:22:05

标签: d3.js

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

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

如果我想在奥斯汀(移动平均线)的顶部放置第4个指标,在代码结构中(哪个区域不会导致错误)我会把等式放在哪里?

我将如何显示第4行为对其他指标的行为不常见,因为它们是通过d3.tsv绘制的(" data.tsv&#34 ;和data.forEach

我问这样一个问题,因为我一直在玩这些东西,但最终打破了它们,我似乎无法与文档完全相同,但是阅读并非如此。完全帮助我思考,因为这比我习惯的javascript更具视觉效果,遗憾的是示例中几乎没有零注释。

1 个答案:

答案 0 :(得分: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;
    });
...