在加载方法中设置数据组

Question

如何在加载方法中对数据进行分组？当您在生成方法中对数据进行分组时，它的工作完美。生成方法中的分组示例：

var chart = c3.generate({
    data: {
        columns: [
            ['data1', -30, 200, 200, 400, -150, 250],
            ['data2', 130, 100, -100, 200, -150, 50],
            ['data3', -230, 200, 200, -300, 250, 250]
        ],
        type: 'bar',
                    groups: [
                        ['data1', 'data2']
                    ]
    },
    grid: {
        y: {
            lines: [{value:0}]
        }
    }
});

但是，在我的应用程序中，数据名称是动态生成的，因此必须在我从 Web 服务接收 JSON 的加载方法中对数据进行分组。示例：

chart.load({
    json: dataJsonGraph,
    bindto: '#chart'                    
});

我试过用这种方式添加数据组

chart.load({
    json: dataJsonGraph,
    bindto: '#chart',
    data: {
        groups: [
            ['dynData1', 'dynData2']
        ]
    }                       
});

但它根本不起作用...

有什么想法吗？

Answer 1

我运行遇到了和你一样的问题。为了解决它，我在调用chart.load()之后使用了chart.group()。

chart.load({
    json: dataJsonGraph,
    bindto: '#chart'                    
});

chart.groups([ 
    ['dynData1', 'dynData2']
]);

在加载方法中设置数据组

Set data groups in load method

c3.js