3
我有一个c3线图,包含一个类别x轴。删除c3折线图的填充
\t var data = {
\t \t x: "x",
columns: [
\t \t \t ["x", "a", "b", "c", "d"],
\t \t \t ["data1", 0, 1, 2, 3],
\t \t \t ["data2", 3, 2, 1, 0],
\t \t ],
\t \t labels: true
};
\t var axis = {
x: {
type: 'category',
\t \t \t tick: {
\t \t \t \t centered: true,
\t \t \t },
\t \t \t padding: 0
},
\t \t y: {
\t \t \t padding: {bottom:5, top:5}
\t \t }
};
\t ccChartL = c3.generate({
\t \t bindto: '#ccLdiv',
\t \t data: data,
\t \t axis: axis,
\t \t transition:{duration: 1000}
\t });
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
<div id="ccLdiv"></div>
在左侧有线和轴线的开始之间的间隙。同样在右边。我如何删除它?我希望行的开头,类别a,在x值为0.我尝试查看Stackoverflow的答案,但它没有奏效。填充设置为0.如果我将其设置为任何正值,则它会缩小更多。 在此先感谢。
非常感谢,这个解决方案非常完美。 –