正如我们在上面的评论中所指出的,自从
0.4.11
c3.js开始将相同的类别归为一类。
快速解决方法是使用以前的版本,或在类别名称中添加额外的空格,使它们实际上不同,但视觉上保持一致:
columns: [['x',
'Ho Chi Minh City',
'Tanjung Priok (Jakarta)',
'Chennai',
'Chennai ', // <-- here
'Chennai ' // <-- and here
],
如果您想动态执行,则更合适的解决方案可能是
重复类别:
columns: [['x', ... some dynamic data ]
.map(function(category, i, arr){
var prev = arr.slice(0, i);
var count = prev.reduce(function(sum, item) {
if (item === category) return sum + 1;
else return sum;
}, 0);
if (count != 0) return category + '-' + count;
else return category;
})
]
// will give you
// [['x', 'Ho Chi Minh City', 'Tanjung Priok (Jakarta)',
// 'Chennai', 'Chennai-1', 'Chennai-2']]
See updated fiddle
