在C3JS Stackbar图表中添加填充

Question

如何使用C3JS在堆栈图中添加空间，如下所示

Answer 1

您可以使用此CSS规则对其进行某种程度的模拟，但不能完全----

.c3-bar {
    stroke-width: 3;  /* pick a number */
    stroke: white !important;
}

http://jsfiddle.net/px439vmv/261/

但是，我认为在堆栈中的各个项目之间留出较大的差距是一个坏主意，因为 1）您需要为堆栈项目本身留出空隙（这是上述css所做的事情），这使其看起来更小，并且对于堆栈中非常短的项目，可以将其完全从视图中移除。 要么 2）您需要在堆栈项目之间添加额外的空间，这会使堆栈的总数看起来大于其各个部分的总和，即两个“ 3”高的堆栈看起来要大于“ 6”。堆栈中的项目越多，效果越差。