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

【问题标题】：Custom C3JS legend. How can I add text and new lines?自定义 C3JS 图例。如何添加文本和新行？
【发布时间】：2016-09-15 07:45:17
【问题描述】：

标题很清楚。我有 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/

我需要什么：

【问题讨论】：

标签： javascript html css c3.js

【解决方案1】：

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

【讨论】：

感谢 duderoot，我知道 c3js 的 自定义图例，但它太令人困惑了......我什至不确定我是否可以做到这一点