c3js

by Gopal yadav

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="chart"></div>

JavaScript

var chart = c3.generate({
    data: {
        columns: [
            ['sample', 30, 200, 100, 400, 150, 2500]
        ]
    },
    axis : {
        y : {
            tick: {
                values: calculateYTicks()
            },
        }
    }
});

function calculateYTicks() {
    return [0, 800, 1600, 2400]
}

setTimeout(function () {
  chart.internal.yAxisTickValues = [0, 500, 1000, 1500, 2000, 2500, 3000];
  chart.internal.config.axis_y_tick_values = [500, 1000, 1500, 2000, 2500, 3000];
  chart.flush();

}, 1000);