2016-07-04 2 views
0

このURLのハイチャートのclickイベントを使用して、ツールチップをアクティブにする例に従います。Highcharts - Show tooltip on points click instead mouseover 事は、私はtypescriptですを使用していますが、私ができることである「活字体に、この行を変換するための正しい方法を見つける:Highcharts.Tooltipタイプをtypescriptで使用する方法

this.myTooltip = new Highcharts.Tooltip(this, this.options.tooltip); 

私が取得していますどのようなエラーは次のとおりです。 「プロパティツールチップはdoesnの」タイプHighchartsStatic上に存在します」

私はこのように私のコントローラに新しいメンバーを追加しようとしました:

public highchartTooltip : HighchartsTooltipOptions; 

以降:

しかし、エラーが発生しました: "型がコールまたは構造署名がない式で 'new'を使用することはできません" ...ので、ツールチップを初期化するオブジェクトを作成する方法がわかりませんjsの例です。

また、私はhttp://code.highcharts.com/highcharts.src.js

var Tooltip = Highcharts.Tooltip = function() { 
    this.init.apply(this, arguments); 
    }; 

    Tooltip.prototype = {... 

にツールチップの定義を参照することができますしかし、私は活字体定義ファイルでそれを見つける方法を見つけ出すことはできません。

jsの中に完全な例はここにある: http://jsfiddle.net/2swEQ/2/

私はgithubの中にチケットをオープンしています https://github.com/DefinitelyTyped/DefinitelyTyped/issues/9960

任意の助けを?このエラーを無視する方法がいくつかありますか? (アプリケーションが実行中にオブジェクトHighcharts.Tooltipが存在すると考える)

+0

HighchartsStatic?これはあなたのコードではありません – iberbeu

+0

私はこのインターフェイス定義への参照を持っています..しかし、あなたが "ツールチップ"の定義に見える場合は存在しません。 – Rolando

+0

あなたはタイプコピー定義ファイルを使用していますが、どちらを使用していますか? – Mark

答えて

1

これは遅い回答ですが、これは将来のユーザーに役立つかもしれません。

(DefinitelyTyped)Highcharts .d.ts fileでは、ツールチップはクラスとしてではなくインタフェースとして定義されています。ちょうどapi docs mentionsと同じです。意味

、あなたの代わりに活字体で次の操作を行うことができるしている:

let tooltipOptions = <Highcharts.TooltipOptions> { 
    // options here... 
}; 

let chart = new Highcharts.Chart({ 
    tooltip: tooltipOptions 
}); 
関連する問題