Как создать гистограмму с C3, которая не группирует все столбцы в одном наборе

http://jsfiddle.net/Ln83xd1k/

Я создал гистограмму 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 (можно сделать) и добавить интервал между столбцами?

Другие вопросы по тегам