jQuery - ハイチャートの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); 

それは絵

のように見えるように私はjQueryのでは専門家ではないと私はいくつかについて少し混乱していますチャートdiv上のボタンをプレイを追加し、一時停止しようとしていますこれを行う方法。これまで私は以下を試みましたが、失敗しました。

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

まだスタイルやイベントは追加されていません。問題は、ボタンが表示されないことです。何かアドバイス？

Answer 1

まず、いくつかの既定のスタイルを持つボタンを作成して、ボタンをグラフ上に配置することができます。

私は動的ボタンを作成し、それがチャート上にあるようにボタンのCSSを記述しています。CSSで完全に行われ、ボタンの作成はJavaScript を使用して行われます。

グラフ内にボタンを追加することはできません。

私の画像を見てください私は作成されています2つのダイナミックボタンと必要なCSSをそれがチャートになるように提供します