javascript - 如何在c3.js中指定组合图表的顺序？

Question

我正在构建一个面积类型和条形类型的组合图表。图表的条形部分出现在区域部分下方，因此它被区域部分覆盖。像这样:

我想将酒吧放在该区域前面。

我尝试更改 data.order 中的顺序，但不起作用。

预期结果是这样的:

在检查器中，如果我手动更改元素的顺序，使 c3-charts-bars 位于 c3-charts-lines 之后，我会得到预期的结果，但是，有人知道如何使用 c3.js API 做到这一点吗？

Answer 1

我实际上正在使用react-c3包装 c3 库，因此我的解决方案基于 GitHub问题解决方案。

...
oninit: () => {
    let container = ReactDom.findDOMNode(this);
    let chart = container.getElementsByClassName('c3-chart')[0];
    let bars = chart.getElementsByClassName('c3-chart-bars')[0];
    bars.parentNode.append(bars);
},
...