如何在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");