バーの間にギャップを入れたい。 私は試しました。 ... bar:{ width: { ratio: 0.5 } }, ...
上記のコードは私のためには機能しませんでした。 問題は、なぜ動作しないのですか、それをどうすれば動作させることができますか?いくつかのことのようにバー間のギャップC3.js
0
A
答えて
0
試してみてください:
var colors = ['#1f77b4', '#aec7e8', '#ff7f0e'];
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['value: ', 20, 14, 3]
],
type: 'bar',
labels: true,
color: function(color, d) {
return colors[d.index];
}
},
axis: {
x: {
type: 'category',
categories: ['cat1', 'cat2', 'cat3']
}
},
bar: {
width: {
ratio: 0.5,
}
},
grid: {
focus: {
show: false
}
}
});
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.5/c3.min.css" />
</head>
<body>
<div id="chart"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.6/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.5/c3.min.js"></script>
</body>
</html>
+0
私は同じ種類のコードを持っていますが、ティは動作しません:/ –
+0
なので何が問題なのですか? @ D.Ister – MMK
+0
比率は棒の間にギャップを置かない、それは何もしない基本的に5行のコードです。たぶん私はその部分にD3.jsを使うべきです@MMK –
関連する問題
- 1. c3.jsバー、スプラインチャート
- 2. C3.js、y軸時間
- 3. C3.jsの同心円弧
- 4. c3.jsドーナツチャートonclick関数
- 5. c3.js custom lend text issue
- 6. C3.js折れ線グラフエラー
- 7. 複数選択c3.js
- 8. バーの位置ラベルを移動して、画面を最大化/最小化します(C3.js - D3.js内)。
- 9. UITableViewセル間の間隔/ギャップ
- 10. C3.JSのX軸とテキストの設定
- 11. c3.js円グラフのタイトルの合計数
- 12. フレックス:グラフィックス間のギャップ
- 13. 2日間のギャップ
- 14. バーの間に隙間がない理由D3 js
- 15. 複数C3.jsチャート、最後の1
- 16. C3.jsグラフデータの分割について
- 17. はどのように私はc3.js
- 18. c3.js timeseriesグラフのパーセンテージy軸
- 19. c3がバーの上にホバーを検出する
- 20. C3.JS color.patternプロパティとは何ですか?
- 21. C3 js ..角度2 Typescript c3.generate内の外部関数を呼び出す?
- 22. C3.jsでは、JSONデータを使用して、個々のバーの色を変更する方法は?
- 23. jqueryuiのボタン間のギャップbuttonset()
- 24. expandablelistviewのグループ間のギャップ
- 25. ヘッダーとナビゲーションバーの間のギャップ
- 26. 2つのdiv間のギャップ
- 27. div要素間のギャップ
- 28. ギャップの間に<tr>
- 29. カスタマーオーダー間のギャップを特定
- 30. リサイクルビュー間の広いギャップ
は、あなたの質問に少し難しくしようとする必要があるとしています。 [ここでは最小限の例を記入してください](http://plnkr.co/edit/pYOAwsBmnUaXlZtQWAaw?p=preview)、このオプションはうまく機能することがわかります。なぜあなたのために働かないのですか、私たちのために問題を再現するまで**誰も知りません**。 – Mark