如何在c3.js中调整条形图的大小

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.css">

var data = {
  x: 'x',
  columns: [
    ['x', 'Category 1', 'Category 2', 'Category 3'],
    ['data1', 30, 200, 100]
  ],
  type: 'bar'
};

var options = {
  size: {
    width: 800,  // 设置条形图的宽度
    height: 400  // 设置条形图的高度
  }
};

var chart = c3.generate({
  bindto: '#chart',  // 指定图表要绑定的HTML元素
  data: data,
  size: options.size
});