Уложенная гистограмма по группам в C3JS

Question

Как я могу создать группу внутри группы для сложной гистограммы?

I have multiple accounts, which have buys and sells. 

I need to display the buys and sells in a stacked bar chart for each account. 

Я могу показать только покупки и продать. Трудный бит показывает покупки и продажи для каждой учетной записи. есть идеи?

Answer 1

Попробуйте это: https://jsfiddle.net/tqwxx50a/1

HTML:

<div id="chart1"></div> 

Javascript:

var months = ['Jan 2016', 'Feb2016']; 
var columnData = [ 
    ['account1buy', 20, 15], 
    ['account1sell', 18, 25], 
    ['account2buy', 33, 45], 
    ['account2sell', 54, 21], 
]; 


var chart = c3.generate({ 
    bindto: '#chart1', 
    data: { 
    columns: columnData, 
    type: 'bar', 

    groups: [['account1buy', 'account1sell'], ['account2buy', 'account2sell']], 
    }, 

    axis: { x: { 
    type: 'category', 
    categories: months, 
    }}, 
});