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

【问题标题】：How do you add a subtitle to multiple XY line chart in c3js.org?如何在 c3js.org 中为多个 XY 折线图添加字幕？
【发布时间】：2018-06-15 14:33:38
【问题描述】：

如何在 c3js.org 中为多折线图添加字幕？我的标题很长，我需要添加副标题或换行或打断标题。

我试着像这样传入一个字幕：

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

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

【问题讨论】：

标签： javascript d3.js c3.js

【解决方案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");

【讨论】：

我相信这是数据提要的标题，而不是图表本身的标题。我想知道最好的方法是否只是在 HTML 中，但是为什么有一个标题属性？
@calycolor 是的，可以接受数据馈送；但它甚至对字幕有用。检查它-> jsfiddle.net/bwu70xgq/393
我添加了一张图片来显示我所说的副标题...图表的副标题，而不是数据。
@calycolor 你说得对。我编辑检查这个请 -> jsfiddle.net/bwu70xgq/428
不幸的是，这不是响应式的......它会因不同的屏幕尺寸而消失。