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

标签 javascript jquery html css twitter-bootstrap-3

我正在使用 jQuery-3.2.1highchartsbootstrap-3 动态创建一系列图表。

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

现在我尝试在图表 div 上添加播放和暂停按钮,使其看起来像图片中的 enter image description here

我不是 jQuery 专家,我对执行此操作的几种方法有点困惑。到目前为止,我已经尝试了以下方法,但没有成功。

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

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

最佳答案

首先,您可以创建一个具有一些默认样式的按钮,以便该按钮应该 float 在图表上。

我正在创建动态按钮并为按钮编写 CSS,使其看起来像在图表上,它完全使用 CSS 完成,按钮创建是使用 JavaScript enter image description here .

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

请看我的图片,我创建了两个动态按钮并提供了必要的 CSS,以便它看起来会出现在图表上

关于javascript - jQuery - 在 highcharts div 上动态添加按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44714613/

相关文章:

html - 基于开关,在代码运行时将 html 添加到 ui web View

javascript - 如何复制 SharePoint 2010 内部进行的社交 ajax 调用?

javascript - 我想在同一张卡片中显示数据作为两列任何建议

javascript - angular js计时器功能不适用于停止按钮

javascript - Firefox 中的 Event.target 问题

javascript - 无法更改 HTML 元素的可见性

javascript - 如何在 jquery 中获取父 div 属性值?

javascript - 如何判断 Google 电子表格的 Google Apps 脚本中两个单元格是否相等

javascript - 运行应用程序的多个实例

javascript - jQuery mouseenter 和 mouseleave 处理程序无法正常工作