javascript - 新しいタブでハイチャートのクレジット URL を開く方法

Question

urlハイチャートのクレジットを新しいタブで開くにはどうすればよいですか?

credits: {
    enabled: true,
    text: 'text',
    href: 'url'
},

Answer 1

グラフの読み込みイベントでプロットが描画された後、クレジット クリック ハンドラーを再定義できます。

    chart: {
        events:{
            load: function() {
                this.credits.element.onclick = function() {
                    window.open(
                      'http://www.example.com',
                      '_blank'
                    );
                 }
            }
        }                
    },

ここでフィドル。

Answer 2

Here is solution that worked for me.

credits: {
    enabled: true,
    text: 'text',
    href: 'javascript:window.open("http://www.example.com/", "_blank")'
},

Answer 3

http://jsfiddle.net/ptasdfmk/

// Plugin to add support for credits.target in Highcharts.
Highcharts.wrap(Highcharts.Chart.prototype, 'showCredits', function (proceed, credits) {
    proceed.call(this, credits);

    if (credits.enabled && this.credits) {
        this.credits.element.onclick = function () {

            // dynamically create an anchor element and click it
            // use the settings defined in highcharts (credits.target)

            var link = document.createElement('a');
            link.href = credits.href;
            link.target = credits.target;
            link.click();

        }
    }
});

$('#container').highcharts({

    credits: {
        enabled: true,
        text: 'CREDITS',
        href: 'http://example.com',
        target: '_blank'
    },  

});

Highcharts 構成 (ターゲットを含むクレジット セクション) を使用すると、"CREDITS" をクリックすると、新しいリンク要素がオンザフライで作成され、クリックされます。連鎖イベント。これにより、コードを再利用し、構成に基づいて動作させることができます。