javascript - 与 d3.js 的平行坐标

Question

我需要用 d3.js 表示平行坐标。首先，我不知道我认为是否可以实现(以及平行坐标是否是正确的图表)。我将解释我的想法:我从数据库获取数据，并以 JSON 形式公开它们，并将它们存储在对象数组中(使用 JavaScript)。这是数据 http://pastebin.com/DZcMqDMc 的示例。我想沿着横坐标轴表示年份(尽管有些年份会重复，正如您从数据示例中看到的那样)，而沿着纵坐标轴表示这些年份的值(值以百分比为单位，范围从 1 到 100)。我想根据 JSON 文件中的“value1”和“value2”属性表示两行。是否可以？平行坐标是正确的图表吗？

我现在遇到的主要问题是我不明白如何正确设置两个域(横坐标和纵坐标)。我基于 Bostock 的平行坐标示例。

对于横坐标，我的想法是这样的:

x.domain(
    d3.extent(test, 
        function(d) {
            return d.years;
        }
    )
);

这有道理吗？

Answer 1

尝试 multi line chart .这可能适合您的需要。我不确定你在尝试什么。