web-dev-qa-db-ja.com

ハイチャートはズームリセットボタンを非表示にし、プログラムでズームリセットを呼び出します

ユーザーが拡大できるハイチャートにニースチャートがあります。組み込みのZOOM RESETボタンが本当に好きではないので、独自のカスタムズームリセットボタンを既存のナビゲーションバーに追加したい.

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

20
TSG

resetZoomButtondisplay: noneとして渡し、zoomOutを呼び出すことができます。

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

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

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

デモ

**Here is the solution** 

     .highcharts-button{
            display: none;
        }

**OR**

    .highcharts-button-box{
            display: none;
        }
0
Rishi