jQuery - 在highcharts div

Question

我正在使用jQuery-3.2.1，highcharts和bootstrap-3动态创建一系列图表。

var iDiv = document.getElementById("logs");
var innerDiv = document.createElement('div');
innerDiv.id = key;
iDiv.appendChild(innerDiv);
$('#' + key).highcharts(json);

现在我尝试在图表div上添加播放和暂停按钮，使其看起来像图片

我不是jQuery的专家，我对这几种方法感到有点困惑。到目前为止，我已尝试过以下内容，但未成功。

var btn = document.createElement('button');
btn.addClass('btn btn-primary')
innerDiv.append(btn);

我还没有添加任何风格或事件。问题是该按钮没有显示。有什么建议？

Answer 1

首先，您可以使用一些默认样式创建一个按钮，以便按钮应该浮动图表。

我正在创建动态按钮并为按钮编写CSS，使其看起来像是在图表上，它完全使用CSS完成，按钮创建是使用JavaScript 。

你不能在图表中附加任何按钮。

请查看我的图片，我创建了两个动态按钮，并提供必要的CSS，使其看起来像是在图表上