c3js stacked bar chart
by vaibhav saxena
HTML
<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<div id="chart"></div>
JavaScript
var chart = c3.generate({
data: {
x: 'x',
columns: [
['x', 'Taj Mahal', 'Taj Mahal 1', 'Taj Mahal 3', 'aasdasdasd', 'dasdas'],
['Positive_x', 30, 200, 300, 0, 50, 0],
['Negative_x', 0,0, 0, -355, 0, -250],
],
type: 'bar',
groups: [
['Positive_x', 'Negative_x']
]
},
grid: {
y: {
lines: [{value:0}]
}
},
axis: {
x: {
type: 'category',
tick: {
rotate: 0,
multiline: true
},
height: 130
},
y: {
label: 'Returns'
}
},
});
chart.groups([['data1', 'data2', 'data3', 'data4']])