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>

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

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

它不可见

Answer 1

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

因此，如果要使用或显示标题，那么还有另一种方法。

Project -> Architectures -> set the value as:$(ARCHS_STANDARD_32_BIT) or $(ARCHS_STANDARD_64_BIT)

Answer 2

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

我建议改为这样做：

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

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

2 个答案: