javascript - 自定义 C3JS 图例。如何添加文本和新行？

Question

标题很清楚。我有 9 个数据，我需要图例第一行的数据 1，然后是第二行的文本行，然后是第三行的其余数据(见图)。

var chart = c3.generate({
    bindto: '#chart',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 130],
            ['data3', 230],

            ['data4', 120],
            ['data5', 50],
            ['data6', 20],

            ['data7', 30],
            ['data8', 130],
            ['data9', 230]
        ],
        type: 'bar',
    },
    grid: {
        y: {
            lines: [{value:0}]
        }
    }
});

https://jsfiddle.net/vL23rbkz/9/

我需要的:

Answer 1

在 c3.js 的文档中有一个示例 custom legend这可以帮助你。看起来你正在禁用 show:false 属性的默认图例，但在那之后你可以完全控制你想要如何拥有你的图例。祝你好运:)