Разрыв между стержнями C3.js

Я хочу поставить промежутки между стержнями. Я пробовал; ... bar:{ width: { ratio: 0.5 } }, ... Код выше не работает для меня. Вопрос в том, почему он не работает или как я могу заставить его работать?Разрыв между стержнями C3.js

источник

2016-12-30 D. Ister

Вы будете иметь, чтобы попытаться немного тяжелее на ваш вопрос. Кодирование здесь [минимальный пример] (http://plnkr.co/edit/pYOAwsBmnUaXlZtQWAaw?p=preview), и я могу показать, что этот параметр работает отлично. Почему это не работает для вас, никто никогда не узнает **, пока вы не воспроизведете проблему для нас **. – Mark

Попробуйте некоторые вещи, как:


 

 
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>

источник

2016-12-30 16:02:44 MMK

У меня есть один и тот же код, но ti не работает:/ –

так что не работает? @ D.Ister – MMK

Соотношение не помещает промежуток между барами, это в основном 5 строк кода, которые ничего не делают. Может быть, я должен просто использовать D3.js для этой части @MMK –

Разрыв между стержнями C3.js

ответ

Смежные вопросы