私は c3js を使用しており、3 つの層のそれぞれをレンダリングして、各月のチャーンのバーを x 軸の層の下にグループ化しようとしています。私の質問は、データ構造はどうあるべきですか?
現在のデータは次のとおりです。
[
[
"x",
"Tier I",
"Tier II",
"Tier III"
],
[
[
"Apr 2015",
"6"
],
[
"May 2015",
"3"
],
[
"Jun 2015",
"61"
],
[
"Jul 2015",
"4"
]
],
[
[
"Apr 2015",
"13"
],
[
"May 2015",
"3"
],
[
"Jun 2015",
"0"
],
[
"Jul 2015",
"0"
]
],
[
[
"Apr 2015",
"4"
],
[
"May 2015",
"5"
],
[
"Jun 2015",
"4"
],
[
"Jul 2015",
"8"
]
]
現在の c3 呼び出しは次のとおりです。
var chart = c3.generate({
data: {
x: 'x',
columns: full,
type: 'bar'
},
bar: {
width: {
ratio: 0.8 // this makes bar width 50% of length between ticks
}
},
axis: {
x: {
type: 'categorized' // this is needed to load string x value
}
},
bindto: '#chart'
});
ありがとう!