我想在c3饼图的标签内调整大小

Question

我正在尝试创建编辑字体和我的饼图的大小，以便我可以把它放在电视上。

我试图增加图表的宽度和高度，但它不会影响标签或值或图例。我google了bootstrap文档，但我找不到任何有关标签font-size的信息。

<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>

<!-- d3 and c3 charts -->
<script src="js/plugins/d3/d3.min.js"></script>
<script src="js/plugins/c3/c3.min.js"></script> 


<div class="col-lg-6">
  <div class="ibox float-e-margins">
    <div class="ibox-title">
      <h5>Radar Chart Example</h5>
    </div>
    <div class="ibox-content">
      <div>
        <div id="pie" style="Height:2000px;"></div>
      </div>
     </div>
  </div>
</div>

c3.generate({
  bindto: '#pie',
  data: {
    columns: [
      ['data1', 30],
      ['data2', 120]
    ],
    colors: {
      data1: '#1ab394',
      data2: '#BABABA'
    },
    type: 'pie'
  }
 });

我希望看到数字30和120以及标签data1和data2，当我将我的浏览器解压缩到40％（大约在电视上可见的预期大小）