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，使它看起来像它将在图表上