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: {
        columns: [
            ['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: {
            label: 'Investment',
            tick: {
                fit: true
            }
        },
        y: {
            label: 'Returns'
        }
    },
});


    chart.groups([['data1', 'data2', 'data3', 'data4']])