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, 
    }}, 
});