gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 15:14:07 25 4
gpt4 key购买 nike

我正在使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com