2013-02-22 26 views
17

ハイチャートでは、ユーザーがズームできる素晴らしいチャートがあります。私は本当に組み込みのZOOM RESETボタンが気に入らず、自分のカスタムズームリセットボタンを既に存在するナビゲーションバーに追加したいと思います。highchartsズームリセットボタンを非表示にするには、プログラムでズームリセットを呼び出す

私の質問は: 1.デフォルトのハイチャートZOOM RESETボタンを隠す方法はありますか? 2. ZOOM RESETを実行するために呼び出せるメソッド/関数はありますか? (自分のボタンクリックから呼び出すことができます)

答えて

32

resetZoomButtondisplay: noneとし、zoomOutと呼ぶことができます。

chart: { 
    resetZoomButton: { 
     theme: { 
      display: 'none' 
     } 
    } 
} 

$('#resetZoom').click(function() { 
    chart.zoomOut(); 
}); 

<input type="button" value="reset zoom" id="resetZoom"/> 

Demo

+1

また、あなたがたときに(カスタム)zoomresetボタンを表示/非表示するかを決定するためにフックすることができますコールバックはありますか? – TSG

+1

は、グラフオプションでイベント(選択)を検出しました。他の人のためのFYI。私はドキュメントがより完成したことを願っています! – TSG

+1

HCコールバックを使用できます。 varchart = new Highcharts.Chart(options、function(chart){ console.log( 'chart generated'); }); –

関連する問題