Javascript 如何使用<；h1>；在c3.js分区中？

我想知道如何使用c3图表中的任何其他标记。例如，C3图表

是

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

图表脚本

    <script>
      var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    }
});
  </script>

var图表=c3.0({
数据：{
栏目：[
[data1'，30200100400150250]，
[data2'，50，20，10，40，15，25]
]
}
});

这段代码得到了完美的输出。但是我需要在

如果我像这样使用

<div id="chart"> 
<h1>title</h1>
<p>mr.admin your daily chart </p>
</div>

标题
行政先生，你的每日图表

---

它不可见

您不能在图表中使用像inside div id这样的标记，因为C3.js会用生成的图表替换div的所有内容

所以，如果想使用或显示标题，还有其他方法

<div>
    <h1>title</h1>
    <p>mr.admin your daily chart </p>
    <div id="chart"></div>
</div>

标题
行政先生，你的每日图表

我不熟悉您正在使用的库，但图表似乎需要一个空元素，否则它将不知道在内部元素之前/之后放置图表的位置

我建议这样做：

<div class="container"> 
    <h1>title</h1>
    <p>mr.admin your daily chart </p>
    <div id="chart"></div>
</div>

标题
行政先生，你的每日图表

谢谢，这是工作。但我需要任何可能的，用在侧面的