[解決済み] DOM-Containerを通してHighchartsのチャートにアクセスするにはどうしたらいいですか?
2023-05-17 23:44:25
質問
highcharts-chartをdivコンテナにレンダリングするとき、divコンテナを通してチャートオブジェクトにアクセスするにはどうしたらいいですか?
チャート変数をグローバルにしたくないのですが。
var chart = new Highcharts.Chart({
chart: {
renderTo: "testDivId",
...
このように上のコンテキストの外側でチャートにアクセスして(疑似コード)、関数を呼び出したいのです。
var chart = Highcharts.Chart("testDivId"); //access from id
chart.redraw();
どのように解決するのですか?
Highcharts 3.0.1
ユーザーはhighchartsプラグインを使用することができます
var chart=$("#container").highcharts();
Highcharts 2.3.4
からの読み込み
Highcharts.charts
の配列から読み取ります。バージョン 2.3.4 以降では、チャートのインデックスを
<div>
var index=$("#container").data('highchartsChart');
var chart=Highcharts.charts[index];
すべてのバージョン
コンテナIDによるグローバルオブジェクト/マップでのチャート追跡
var window.charts={};
function foo(){
new Highcharts.Chart({...},function(chart){
window.charts[chart.options.chart.renderTo] = chart;
});
}
function bar(){
var chart=window.charts["containerId"];
}
Read Mode @ Highcharts Tips - コンテナIDからチャートオブジェクトにアクセスする。
追伸
この回答を書いてから、Highchartsの新しいバージョンでいくつかの追加が行われ、以下のようになりました。 dvertron、@Moes、および@Przyの回答から引用しており、彼らは称賛に値するので、彼らのコメントや回答をアップヴォートしてください。 です。この受け入れられた回答は、これらなしでは不完全なものとなってしまうので、ここにそれらを追加します。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] Node.jsでbase64エンコードされた画像をAmazon S3へアップロードする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] ECMAScriptとは?
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法