我正在遵循来自引用和这个答案的说明,但是没有成功。
我有一个堆叠的条形图,我希望堆栈中的数据按它在数据中的顺序显示,但它正在重新排序,我无法想出如何防止它。
这是一个小提琴。
这是密码
var chartOptions = {
element: 'chart',
data: {
"rows":[["0-1","2-3","4-5","6","7"],[25,56,14,2,1],[6,66,27,0,0],[0,70,30,0,0],[27,54,14,5,0],[0,54,30,8,8],[29,64,7,0,0]],
"type":"bar",
"groups":[["0-1","2-3","4-5","6","7"]],
"order":null
},
axis: {
"x":{
"type":"category",
"categories":["Whole List","committed","community","congregation","core","crowd"]
},
"y":{
"padding":{
"top":0
}
}
},
stacked: true,
size: {"height":300}
}
var chart = c3.generate(chartOptions);
我希望这个系列的顺序是0-1,2-3,4-5等。
发布于 2016-12-08 11:20:24
原来这是一个已知问题。如果任何一个标头都是整数(或者是整数的字符串),那么c3将对列进行排序。
为了解决这个问题,我在列名的末尾添加了一个空格,这样c3就可以将它们解释为字符串而不是数字。
例如
chartOptions['data']['rows'][0] = ["0-1","2-3","4-5",
"6 ", "7 "]; // Spaces appended to these
chartOptions['data']["groups"] = [["0-1","2-3","4-5","6 ", "7 "]];
我已经用解决方案更新了小提琴。
https://stackoverflow.com/questions/40911095
复制相似问题