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

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

我不熟悉您使用的库，但图表似乎需要一个空元素，否则它不知道将图表放置在何处 before/after 内部元素。

我建议改为这样做：

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

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

how to use <h1> in c3.js div?

javascript

jquery

d3.js

c3.js