Как создать гистограмму с C3, которая не группирует все столбцы в одном наборе
Я создал гистограмму C3, но у меня нет нескольких наборов на столбец. У меня есть только значения для каждого элемента. Кажется, что это должна быть хорошая классическая простая диаграмма для создания... но я могу только создать диаграмму с n-точками данных; столбцы, кажется, не должны иметь только одно значение.
var chart = c3.generate({
data: {
columns: [
['data1', 30],
['data2', 20],
['data3', 50],
['data4', 3],
['data5', 13]
],
type: 'bar'
}
});
1 ответ
Исходя из ваших комментариев, это то, что вы можете сделать:
var cols = [
['data1', 30],
['data2', 20],
['data3', 50],
['data4', 3],
['data5', 13]
];
c3.generate({
data: {
columns: cols,
type: 'bar'
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id='chart' />
Вы можете изменить type: "bar"
в type: "pie"
и вы получите именно ту круговую диаграмму, которую вы упомянули. Это эквивалент гистограммы.
Однако это возвращает нас к началу - разве это не то, что вы должны были начать?
Я подозреваю, что вы хотите удалить ноль на оси X (можно сделать) и добавить интервал между столбцами?