<div id="chart"></div>
var data = [{
"name": "Class",
A: 5, B: 20, C: 25, D: 20, E: 30,
}, {
"name": "Level",
S: 50000, A: 20000, B1: 50000, B2: 20000,C: 50000,
}]
var group = ["A","B","C","D","E","S","A","B1","B2","C" ]
var chart = c3.generate({
bindto: '#chart',
data: {
json: data,
keys: {
x: 'name',
value: group
},
type: 'bar',
order: null,
groups: [ group ],
axes: {
A: 'y2',
B: 'y2',
C: 'y2',
D: 'y2',
E: 'y2',
S: 'y',
A: 'y',
B1: 'y',
B2: 'y',
C: 'y'
}
},
color: { pattern: ['#f00', '#ffa500', '#ff0', '#b0c4de', '#00ced1'] },
axis: {
rotated: true,
x: {
type: 'category',
show: false
},
y2:{
max: 100,
show: false
},
y:{
show: true
}
},
legend: { show: false }
});