3
カテゴリx軸のc3折れ線グラフがあります。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に設定されています。正の値に設定すると、より多くの値が絞り込まれます。 ありがとうございます。
ありがとう、これは完璧に機能しました。 –