Question

我想在酒吧之间留下空白。我试过了 ; ... bar:{ width: { ratio: 0.5 } }, ... 上面的代码对我不起作用。问题是：为什么它不起作用或我怎样才能使它发挥作用？

Answer 1

尝试之类的事情：

 

var colors = ['#1f77b4', '#aec7e8', '#ff7f0e'];


var chart = c3.generate({
  bindto: '#chart',
  data: {
    columns: [
      ['value: ', 20, 14, 3]
    ],
    type: 'bar',
    labels: true,

    color: function(color, d) {
      return colors[d.index];
    }

  },
  axis: {
    x: {
      type: 'category',
      categories: ['cat1', 'cat2', 'cat3']
    }
  },
  bar: {
    width: {
      ratio: 0.5,
    }
  },
  grid: {
    focus: {
      show: false
    }
  }

});

<!DOCTYPE html>
<html>
  <head>        
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.5/c3.min.css" />
  </head>
  <body>
    <div id="chart"></div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.6/d3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.5/c3.min.js"></script>
  </body>
</html>

条形C3.js之间的间隙

1 个答案: