jquery - 使用 c3 库 (JQuery) 更新圆环图

Question

我需要使用c3库更新圆环图。该图表由以下代码创建：

function (datapie) {   
    var chart = c3.generate({
    bindto: '#idpiechart',
    color: {
        pattern: Colors,
    },
    data: {               
        columns: datapie,
        type: 'pie',
    });
}

现在我只需要从另一个函数更新此图表，我正在使用该load方法，但这不起作用：

function(updatedata){
    var pie = $("#idpiechart");            
    pie.load({
        columns: updatedata
    });
}

Answer 1

查看此示例代码，您需要对从以下位置chart返回的对象调用更新c3.generate：

var chart = null;
function (datapie) {   
    chart = c3.generate({
      bindto: '#idpiechart',
      color: {
        pattern: Colors,
      },
      data: {               
        columns: datapie,
        type: 'pie',
    });
}

function(updatedata){        
    chart.load({
        columns: updatedata
    });
}