gpt4 book ai didi

javascript - 如何在D3.js中的svg上显示直线?

转载 作者:行者123 更新时间:2023-11-28 02:33:50 25 4
gpt4 key购买 nike

我有一个难题。我有一段代码here这是“多系列”画廊示例的稍微修改的示例(抱歉,10 次代表,不能链接超过两次)并使用 this .tsv file 。预期是将当前在代码中绘制的数据(“流”列)与未绘制图表的数据(+Avgstream 和 -Avgstream)列放在同一个 SVG 上。然而,在我完成的每个 D3.js 项目中,我从未能够在图表上画出直线。目前该图中仅绘制了流柱图。这是我尝试用一​​种简单的方法来显示流的结果在我正在使用的数据的运行平均值之内或之外。

关于为什么这些线不会绘制有什么想法吗?

最佳答案

你只是想绘制所有三个系列吗?应该没有问题,除了 tsv 文件中的列名称似乎包含“+”和“-”字符,我不确定是否允许:

Unixtime        stream  +Avgstream      -Avgstream
1351805809 5594 5489 6379
1351865010 5468 5489 6379
1351868732 5479 5489 6379
1351875915 5504 5489 6379
1351883184 7177 5489 6379
1351890345 5481 5489 6379
...

我将您的列名称(和 tsv 解码)替换为:

data = [
{Unixtime:1351805809, stream: 5594, plusavg:5489, lessavg:6379},
{Unixtime:1351865010, stream: 5468, plusavg:5489, lessavg:6379},
{Unixtime:1351868732, stream: 5479, plusavg:5489, lessavg:6379},
{Unixtime:1351875915, stream: 5504, plusavg:5489, lessavg:6379},
{Unixtime:1351883184, stream: 7177, plusavg:5489, lessavg:6379}
];

我在图表中得到了三行:

enter image description here

这就是你想做的事情吗?请参阅here .

关于javascript - 如何在D3.js中的svg上显示直线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13751884/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com