c3.js X軸・Y軸の目盛りに関する値の指定方法

前提・実現したいこと

現在C3.jsの機能に関する調査を行なっております。
通常、データを入力すると自動的にX軸とY軸のメモリが指定されるかと思いますが、
その値を手動で指定したいです。

もし、下記コードを修正することで実現可能でしたら、ご教示いただけないでしょうか？

該当のソースコード

HTML
1<!DOCTYPE html>
2<html>
3    <head>
4        <!-- Load c3.css -->
5        <link href="./c3.css" rel="stylesheet">
6
7        <!-- Load d3.js and c3.js -->
8        <script src="./d3.min.js" charset="utf-8"></script>
9        <script src="./c3.min.js"></script>
10        <title>c3 graph</title>
11    </head>
12    <body>
13        <div id="chart"></div>
14        <script>
15            var chart = c3.generate({
16                bindto: '#chart',
17                data: {
18                  columns: [
19                    ['data', 3, 5, 5, 3, 3, 5],
20                  ]
21                }
22            });
23        </script>
24    </body>
25</html>

行動規範の内容に同意します

回答1件

最大値と最小値の決め打ちではどうでしょうか？

javascript
1            var chart = c3.generate({
2                bindto: '#chart',
3                data: {
4                  columns: [
5                    ['data', 3, 5, 5, 3, 3, 5],
6                  ]
7                },
8                axis: {
9                    y: {
10                        max: 10,
11                        min: 0,
12                        padding: {top: 0, bottom: 0},
13                    }
14                }
15            });
16