刪除c3折線圖的填充

我有一個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.如果我將其設置爲任何正值，則它會縮小更多。在此先感謝。

來源

2016-08-03 Julian Kuchlbauer

-0.5或稍小的負填充（-0.49）將消除這些差距。

然而，它會略微切斷您的第一個和最後一個標籤，您可能需要一個排序公式，例如，

padding: -0.5 - (0.01 * no_of_datapoints)

來源

2016-08-10 10:03:25 mgraham

非常感謝，這個解決方案非常完美。 –

刪除c3折線圖的填充

回答

相關問題