如何在c3.js图表​​中添加标题

Question

任何人都可以建议我添加C3.js线和条形图的标题的方式？我有以下样本,但它适用于仪表图.对于任何c3图表,是否有任何选项来设置图表标题？

donut: {
  title: 'Title'
}

Answer 1

这是谷歌的一个顶级结果,所以我想我会补充说这现在是图书馆的一部分:

title: {
  text: 'My Title'
}

更多信息@ https://github.com/masayuki0812/c3/pull/1025

Answer 2

你需要回到使用D3来添加图表标题.就像是:

d3.select("svg").append("text")
    .attr("x", 100 )
    .attr("y", 50)
    .style("text-anchor", "middle")
    .text("Your chart title goes here");

Answer 3

我正在将此代码用于我的图表。

代码：

var chart = c3.generate({
        data: {
            columns: [
                ['Monday', 70],
                ['TuesDay', 20],
                ['Wednesday', 30],
                ['Thursday', 50],
                ['Friday', 100]
            ],
            type: 'donut'
        },
        donut: {
            title: "usage "
        }
    });

结果 ：