如何向 c3.js 图表添加标题

Question

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

donut: {
  title: 'Title'
}

Answer 1

您需要回退到使用 D3 来添加图表标题。类似于：

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

Answer 2

也想不出办法，只好以标题为单位，编辑标签。

gauge: {
        label: {
            format: function(value, ratio) {
                return "%"+value;
            },
            show: true // to turn off the min/max labels.
        },
    min: 0, 
    max: 100, 
    units: "Overall Profit"
//    width: 39 // for adjusting arc thickness
    },

Answer 3

我正在为我的图表使用此代码。

代码：

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

结果：

Answer 4

这是 google 的最高结果，所以我想我要补充一点，这现在是图书馆的一部分：

title: {
  text: 'My Title'
}

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

如何向 c3.js 图表添加标题

How can I add a title to c3.js chart

charts

title

c3.js