如何在c3js.org中为多个XY折线图添加字幕？

Question

如何在c3js.org中为多行图表添加字幕？我有一个很长的标题，我需要添加一个副标题或包装或打破标题。

我尝试传递这样的副标题：

                title: {
                  text: title
                },
                subtitle: {
                  text: subtitle
                },

但是，它没有显示在图表中。

Answer 1

//HTML
<div id="chart"></div>

//JS
  var chart = c3.generate({
        data: {

            columns: [
                ['dataName1', 20],
                ['dataName2', 100],
            ],
            onclick: function (d, i) { console.log("onclick", d, i); },
            type:'donut'
        },
        donut:{
            title:'Title'
        }
    });

    d3.select("svg").append("text")
        .attr("x", 420)
        .attr("y", 170)
        .style("text-anchor", "middle")
        .text("SubTitle");