0

カスタム ボタンのツール ヒントをカスタマイズする方法を教えてください。

カスタム ボタンのすべての例は次のようになります。_titleKey: 'printButtonTitle'

これを他の値に設定するundefinedと、ツール ヒントとして表示されます。これが作成された場所のソースをしばらく調べましたが、見つかりませんでした。

また、IDのようなものを使用してjqueryに置き換え$('#foo-button title').html('yey');ますが、カスタムボタンにはIDが割り当てられていません。

4

2 に答える 2

6

回答は受け入れられますが、別の解決策を提示したいと思います。Highcharts には、カスタム ボタンにカスタム タイトルを設定する方法が用意されています (残念ながら、十分に文書化されていません)。Highchart は、そのグローバル言語オブジェクトから文字列を読み取りますHighchart.lang。Highcharts.setOptions()カスタム タイトルを作成するには、次のようにグローバル メソッドを使用して、このオブジェクトにボタン タイトルを新しいプロパティとして追加する必要があります (予約済みのものを除いて、名前で新しいプロパティを呼び出すことができます)。

Highcharts.setOptions({
    lang: {
        myButtonTitle: "Don't Click"
    }
});

覚えておくべきことの 1 つは、これはグローバル プロパティであるため、コンストラクター呼び出しを行う前に設定する必要があり、個々のチャート オプションの一部としてではなく、Highcharts 名前空間で呼び出す必要があることです。

_titleKey上記で名前を設定するために使用されたキーに対応する値を持つボタンのプロパティを指定することにより、ボタンで上記のセット タイトルを使用できるようになりました。

exporting: {
    buttons: {
        'myButton': {
            _id: 'myButton',
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function() {
                alert('click!')
            },
            _titleKey: "myButtonTitle"

        }
    }
}

カスタム ボタン タイトル | ハイチャートとハイストック @ jsFiddle

于 2012-09-27T18:16:51.133 に答える
3

を使用してボタンにを設定してから、 jQueryをid使用してボタンを更新できます。_id

exporting: {
    buttons: {
        'myButton': {
            _id: 'myButton',
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function() {
                alert('click!')
            }
        }
    }
}

var buttonTitle = 'updated title';
jQuery("#myButton").attr('title', buttonTitle).children().text(buttonTitle);

デモ

于 2012-09-27T17:26:26.380 に答える