ハイチャートのHTMLテーブルを動的に追加

私はHTMLを使ってテーブルを追加したり削除したりするページを持っています。チェックボックスをオンにするとテーブルが追加され、チェックが外されるとテーブルが削除されます。これらのテーブルをHighchartsに表示したいと考えています。私のAJAXの成功機能を使用することが望ましいです。ハイチャートのHTMLテーブルを動的に追加

これは最も簡単な方法は何ですか？ページが読み込まれたときにテーブルの名前を追加し、チェックボックスをオンにするたびにハイチャートを再描画しますか？あるいは、これを行うための他の方法がありますか？私はここで、チャートが正常に動作する機能を再描画し得ていないのです

は何もしない私の試みです：。

$("#container").highcharts().redraw();

出典

2016-10-02 anters

テーブルをハイチャートに変換しますか？そうであれば、** HighchartTable Plugin **を使用してテーブルをハイチャートに変換することができます。その後、ハイチャートをdivに追加し、チェックボックスの値に従ってshow/hide divを使用することができます。 –

私は、表をHTMLに "そのまま"表示し、Highchartsに追加したいと思います。プラグインを使用するよりも別の方法がありますか？ – anters

次のようなグラフにデータを追加できます。http://www.highcharts.com/docs/getting-started/frequently-asked-questions#add-data-table –

あなたは $（「＃コンテナ」）を使用highcharts（オプション）。はチャートを再描画します。optionsはチャート定義を含むオブジェクトです。

出典

2016-10-04 07:43:00 Martin

$（ "＃tableid"）。append（ "" + data.yourdata + ""）を使用すると、checkboxのcheckedイベントでテーブル行を動的に追加し、if else条件文を使用してチェックボックスをオンにしてチェックボックスをオフにしてテーブル行を追加して削除してみてください:)

出典

2016-10-04 07:53:13

ハイチャートのHTMLテーブルを動的に追加

答えて

関連する問題