Question

我创建了一个C3条形图，但每列没有多个集合。我只有每个项目的值。它似乎应该是一个很好的经典简易条形图来创建...但我似乎只能创建一个具有n-datapoints的图表;列似乎不应该只有一个值。

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 20],
            ['data3', 50],
            ['data4', 3],
            ['data5', 13]
        ],
        type: 'bar'
    }
});

Answer 1

因此，根据您的意见，您可以这样做：

＆＃13;

var cols = [
  ['data1', 30],
  ['data2', 20],
  ['data3', 50],
  ['data4', 3],
  ['data5', 13]
];

c3.generate({
  data: {
    columns: cols,
    type: 'bar'
  }
});

＆＃13;

<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' />

＆＃13;

您可以将type: "bar"更改为type: "pie"，然后您就可以获得您提到的饼图。这是等效的条形图。

这让我们回到了起点 - 不是你必须要开始的吗？

我怀疑你想要删除x轴上的零（可以完成）并在列之间添加间距吗？

如何使用C3创建条形图，该条形图不会对同一组中的所有列进行分组

1 个答案: