0

ハイチャート チャートに、次のコードを使用するボタンがあります。

exporting: {
    buttons: {
        backButton: {
            _titleKey: 'backTitle',
            enabled: theChart.buttonOn,
            x: 0,
            y: 300,
            onclick: function () {
                $(this).parents(".chart").data('chart', $(this).parents(".chart").data('mainChart'));
                $(this).parents(".chart").trigger('redoChart');
            },
            text: 'Click to return to full graph',
            width:200,
            theme: {
                'stroke-width': 1,
                stroke: 'black',
                fill: '#cccccc',
                states: {
                    hover: {
                        'stroke-width': 1,
                        stroke: 'black',
                        fill: '#cccccc'
                    },
                    select: {
                        'stroke-width': 1,
                        stroke: 'black',
                        fill: '#cccccc'
                    }
                }
            }
        }
    }
}

このボタンをクリックしても何も起こりません。がグラフのコンテナ div を適切に識別していないためであると判断しました$(this).parents(".chart")(これにはクラス「グラフ」があります)。に置き換える$(this).parents(".chart")と$("#thechart")、すべて問題ありません。

4

1 に答える 1

1

使用する：

$(this.container).parents('.chart').hide();

ボタン ハンドラーthisには、highcharts オブジェクトがあります。 this.containerあなたのdiv内に作成されたhighchartsのdivです。したがって、すべてを非表示にするには、チャート クラスを追加した親を参照します。

于 2013-10-08T15:16:28.857 に答える