D3动态json密钥名称

D3 dynamic json key names

本文关键字：密钥 json 动态 D3      更新时间：2023-09-26

当你想在d3中制作一个图，并从json文件中读取输入时（例如），代码大致如下：

 d3.json("data/data.json", function(error, data) {
    data.forEach(function(d) {
        d.date = parseDate(d.date);
        d.close = +d.close;
    });
    // Scale the range of the data
    x.domain(d3.extent(data, function(d) { return d.date; }));
    y.domain([0, d3.max(data, function(d) { return d.close; })]);
    svg.append("path")      // Add the valueline path.
        .attr("d", valueline(data));
    svg.append("g")         // Add the X Axis
        .attr("class", "x axis")
        .attr("transform", "translate(0," + height + ")")
        .call(xAxis);
    svg.append("g")         // Add the Y Axis
        .attr("class", "y axis")
        .call(yAxis);
});

在我从d3noob.org得到的这个特定示例中，有一个json文件，其中包含有两个键（日期和结束）的对象。如果我不知道json文件的键名，并且必须使用字符串变量，该怎么办？例如：

d3.json("data/data.json", function(error, data) {
        var var1 = "date";
        var var2 = "close";
        data.forEach(function(d) {
            d.var1 = parseDate(d.var1);
            d.var2 = +d.var2;
        });

我试过这样做，但控制台给了我一个错误

d3.min.js:1错误：属性d:所需数字，"M0，NaNL106，NaNL212，…"。

我在这里做错了什么？

使用括号[]表示法访问名称存储在变量中的对象属性。

例如：d.var1 = parseDate(d.var1)变为d[var1] = parseDate(d[var1])。

试试这个：

d3.json("data/data.json", function(error, data) {
    var var1 = "date";
    var var2 = "close";
    data.forEach(function(d) {
        d[var1] = parseDate(d[var1]);
        d[var2] = +d[var2];
    });
相关文章：