Javascript jQuery-在highcharts div上动态添加按钮

我正在使用

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

---

我还没有添加任何样式或事件。问题是按钮没有显示。有什么建议吗

首先，您可以创建一个带有一些默认样式的按钮，这样按钮就可以在图表上浮动

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

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

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