更新 d3.js 雷达图

Question

我是 D3 的新手，想知道如何更新以下图表：JSFiddle。这是一个非常庞大的代码，所以我不知道下一步该做什么。

它只在控制台打印 "here"。

function update() {
    console.log("here");
    var json = [
        [
            {"axis":"A","value":0},
            {"axis":"B","value":0},
            {"axis":"C","value":0},
            {"axis":"D","value":0},
            {"axis":"E","value":0},
            {"axis":"F","value":0},
            {"axis":"G","value":0},
            {"axis":"H","value":0},
            {"axis":"I","value":0}
        ]
    ];
    drawRadarChart('#chart-radar', wMaior, wMaior);
};

Answer 1

您的数据存储在您已经定义的变量 json 中。您可以将新数据保存在此变量中并更新图表。尝试更改您的函数 update():

function update() {
    console.log("here");
    json = [
        [
            {"axis":"A","value":0},
            {"axis":"B","value":0},
            {"axis":"C","value":0},
            {"axis":"D","value":0},
            {"axis":"E","value":0},
            {"axis":"F","value":0},
            {"axis":"G","value":0},
            {"axis":"H","value":0},
            {"axis":"I","value":0}
        ]
    ];
    drawRadarChart('#chart-radar', wMaior, wMaior);
};

这样你会得到一个新的空图表，因为值为 0。

更新 d3.js 雷达图

Update d3.js Radar Chart

javascript

d3.js