将c3js图表选项传递到函数

Question

我有几个不同的图表，我使用c3js通过ajax呈现，而且我目前有很多重复的ajax代码，我想要减少它们。

每个ajax调用成功都会生成一个c3js图表，但具有不同的显示类型/选项。有没有办法我可以有一个通用的c3js生成并只传递选项？

$.ajax({ 
    url: url, 
    data: {'chart': chart, 'start': start, 'end': end}, 
    type: 'post', 
    dataType: 'json', 
    beforeSend: function() { 
     //code 
    }, 
    success: function (data) { 
     if (data.success) { 
      //code      
      c3.generate({ 
       bindto: '#chart-data', 
       data: { 
        columns: data.active, 
        type: 'area', 
        groups: [data.groups] 
       }, 
       axis: { 
        x: { 
         type: 'category', 
         categories: data.span 
        }, 
        y: { 
         label: 'Label' 
        } 
       } 
      }); 
     } else { 
      //code 
     } 
    } 
}); 

反复几次用各种图表数据类型，组，列，轴等

我想要什么：

var chart_options = {bindto: '#chart-data', data:{columns.data.active} //... 
function generateChart(param1, param2, param3, chart_options) { 
    //do some stuff 
    //ajax call from above 
    // .... 
    // on success: 
    // c3.generate(chart_options) 
} 

然而，当我这样做，因为数据.success是函数内部的函数，我从函数外部传递列：data.active，我收到数据[i]列未定义的javascript错误。

感谢

Answer 1

var chart_options = {bindto: '#chart-data', {data: {type: "area"}} //...} 
function generateChart(param1, param2, param3) { 
    //do some stuff 
    //ajax call from above 
    // .... 
    // on success: 
    // chart_options.data.colums = data.active; 
    // chart_options.data.groups = [data.groups]; 
    // same for axes… 
    // c3.generate(chart_options) 
}