如何使用 <h1> 在c3.js div中？

Question

我想知道如何在c3图表中使用任何其他标签。 例如C3图表<div>是

<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>

这段代码完美地输出了。 但是如果我这样使用，我需要在<div id="chart"></div>使用任何<h1>

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

它不可见

Answer 1

您不能将div id之类的标记与图表一起使用，因为C3.js用生成的图表替换div的所有内容。

因此，如果要使用或显示标题，则还有其他方法可以做。

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

Answer 2

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

我建议这样做：

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