c3规格图中的多个条形图

Question

我尝试使用类似于下图的c3.js创建堆叠仪表图表，但在文档中找不到任何相关示例。这甚至可能吗？

Answer 1

C3.js库似乎不允许使用此atm，但是如果你试图将2个数据数组放在不同的id上，它们似乎会将一个数据放在另一个上面 - 我想重构它并不难以支持 - 询问作者或自己做（源代码可以在github上找到）？

我设法通过可怕的黑客来实现它 - 但在图书馆支持之前可能是值得的。

创建2个仪表图表，使其中一个div元素移动到另一个重叠。同时，确保第二个仪表图表略小一些。然后你必须决定要隐藏哪两个标签..

这是一个html代码段：

<div id="chart1"></div>
<div id="chart2" style="position: relative; top: -140px;"></div>

这是相应的javascript：

var chart = c3.generate({
    bindto: $("#chart1")[0],
    data: {
        columns: [
            ['data', 91],
            ['data', 90]
       ],
        type: 'gauge',
   },
   gauge: {
            width: 10
    },
    size: {
        height: 160
    }
});
var chart = c3.generate({
    bindto: $("#chart2")[0],
    data: {
        columns: [
            ['data', 11],
            ['data', 20]
       ],
        type: 'gauge',
   },
   gauge: {
            width: 20
    },
    size: {
        height: 140
    }
});