如何使用 <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>