更新d3.js雷达图

Update d3.js Radar Chart

本文关键字：雷达图 js d3 更新      更新时间：2023-09-26

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

它只在控制台中打印"此处"。

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);
};

您的数据存储在您已经定义的变量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。

相关文章：