0

我是学生，英语不好。我很抱歉，也很担心……

无论如何，我想在同一页面上绘制 3 个散点图（并且有单个数据文件（csv））

数据集是这样的（姓名、身高、体重、等级（0.0~5.0））

----------------- 浏览 Chart.Html -------------------------

          Chart1

- - - - - - - - - - - - - - - [高度]

          Chart2

- - - - - - - - - - - - - - - [重量]

          Chart3

- - - - - - - - - - - - - - - [年级]

我读了一些关于 d3.js 的文档

用于在 html 文件中创建 3 个区域，... 等

没有其他选择吗？

另一个问题是

如果数据集是

姓名、身高、体重、等级 John, 180, 80, 4.5 Smith, 175,95, 3.2 Ryu, 187, 87, 4.0

图表上有 3 个点

如果用户单击图表 1 中的一个点（如果该点表示 Ryu, 187, 87, 4.0）

chart1、chart2、chart3 上的点颜色必须更改（如默认 = 红色，但如果单击蓝色）

可能吗？如果是，请告诉我有用的示例或文档，

如果您需要更多解释，我会更新更多

:) 感谢您阅读我的问题。

4

1 回答 1

0

乔尼，

这是关于创建散点图的新手教程。

散点图 - Scott Murray。

您可以使用 d3.csv() 函数直接加载数据。更多信息在这里。

按照散点图的说明，像这样将所有代码包装在 d3.csv 中。

我建议您为 3 个图表创建 3 个单独的 div，并为散点图使用相同的代码，只需更改将用于图表的数据的列名。使用 d3.csv 加载数据后，将 3 个列名存储到 3 个变量，这样您就可以轻松创建图表。

在开始做任何事情之前，请先阅读Lean Pub 的 D3 Tips and Tricks。

为所有新手提供免费 PDF。

    d3.csv("文件的路径.csv", function(data, error) {

    散点图的代码

    })

此链接中有关 d3 的更多信息以及所有文档和示例。

于 2013-10-31T08:31:37.360 回答