D3 Sankey diagram typescript

ここからコードhttps://gist.github.com/d3noob/013054e8d7807dff76247b81b0e29030がvanilla javascriptで動作しますが、Typescriptを使用するAngular 2プロジェクト（Angular CLIを使用して構築）でSankeyダイアグラムを作成するのは苦労しています。D3 Sankey diagram typescript

プラグイン：：01

タイピング：

： https://www.npmjs.com/package/@types/d3-sankey

私はエラーを取得

D3は、それでも、NPMからインストールサンキープラグインとタイピングして、プロジェクト内で正常に動作します

const sankey = d3.sankey() 
.nodeWidth(20) 
.nodePadding(40) 
.size([width, height]) 

const path = sankey.link()

および

sankey 
    .nodes(graph.nodes) 
    .links(graph.links) 
    .layout(32)

.link（）も.layout（）もsankeyのプロパティとして認識されていません。誰もTypescriptとAngularjs 2+を使ってsankeyの図を作っていますか？どんな助けもありがとう。

出典

2017-06-30 Michael Dunbar

私も、あなたがそれを行う方法を、種類をインストールした後 '）（' d3.sankeyを見つけることができませんか？ –

@John_Jあなたもプラグインをインストールする必要があります –

ありがとうございます@マイケル〜btw、私は最近、サニーのチャートが働いていた、私の要点を参考にしてください：https://gist.github.com/MagicJohnJang/3cde82004e632e66b0fc5c156a7c16e9 。簡単に： 1. d3-sankeyを 'd3'以外の名前でインポートします（D3.jsで使用されています）。 2.特定のタイプの入力（ 'nodes'と' links'）を定義します（私の要点に示されています）。 –

d3-sankeyプラグインには、リンク関数が定義されていません。 d3 gitHubリポジトリ（d3-sankey）にロールインされたコードではなく、古いプラグイン用のコードを使用しています。

ではなく、この例を参照してください - それはあなたがしているプラグインの同じバージョンを使用しています：https://bl.ocks.org/mbostock/ca9a0bb7ba204d12974bca90acc507c0

出典

2017-10-10 08:09:17 Lecia

将来この質問に来る人は、私はLeciaとJohn_Jの回答がうまくいくことを確認できます。コメントのJohn_Jの要点を私の元の質問に見ることを特にお勧めします。 –

答えて

関連する問題