Как установить минимальную ширину полосы в C3.

Question

Я хочу установить минимальную ширину полосы в таблице C3 и расстояние между ними, используя коэффициент. Я пытаюсь установить минимальную ширину одиночного бара, а не весь график.

var chart = c3.generate({ 
 
    bindto: '#div1', 
 
    data: { 
 
     columns: [ 
 
      ['data1', 30, 200, 100, 400, 150, 250] 
 
     ], 
 
     type: 'bar' 
 
    }, 
 
    bar: { 
 
     width: { 
 
      ratio: 0.5 // this makes bar width 50% of length between ticks 
 
     } 
 
     // or 
 
     //width: 100 // this makes bar width 100px 
 
    } 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" /> 
 
    
 
<script src="http://d3js.org/d3.v3.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script> 
 
<div id="div1"></div>

Просьба предложить способ для достижения этой цели.

Answer 1

Вы можете сделать это, используя значение

bar: { 
    width: { 
    ratio: 0.2 
    } 
} 

по умолчанию является 0,6, Вы можете изменить ширину баров, изменив это значение, но бара к бару интервал будет постоянным.