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