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

看着这个sample code ，您需要对从 c3.generate 返回的 chart 对象调用 update:

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

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