Ich habe den Code von hier https://gist.github.com/d3noob/013054e8d7807dff76247b81b0e29030 arbeiten in Vanille Javascript, aber ich kämpfe um ein Sankey-Diagramm in meinem Angular 2-Projekt (mit Angular CLI) arbeiten, die Typoskript verwendet.D3 Sankey-Diagramm mit Typoskript
D3 arbeitet in dem Projekt in Ordnung, aber auch mit dem der Sankey-Plugin und Typisierungen von NPM installiert:
Plugin: https://www.npmjs.com/package/d3-sankey
Typisierungen: https://www.npmjs.com/package/@types/d3-sankey
bekomme ich Fehler auf:
const sankey = d3.sankey()
.nodeWidth(20)
.nodePadding(40)
.size([width, height])
const path = sankey.link()
und
sankey
.nodes(graph.nodes)
.links(graph.links)
.layout(32)
als weder .link() nor .layout() sind Eigenschaften von sankey erkannt. Hat jemand ein Sankey-Diagramm, das mit Typescript und Angularjs 2+ funktioniert? Jede Hilfe wäre willkommen.
ich nicht einmal 'd3.sankey finden()' nach den Typen der Installation, wie Sie das tun? –
@John_J du musst das Plugin auch installieren –
Danke @Michael ~ btw, ich hatte das Sankey-Diagramm in diesen Tagen funktioniert, bitte ref mein Gist: https://gist.github.com/MagicJohnJang/3cde82004e632e66b0fc5c156a7c16e9 .In Kürze: 1. Importieren Sie d3-sankey mit einem anderen Namen als 'd3' (das von D3.js verwendet wurde). 2. Definieren Sie die Eingabe ('nodes' und' links') mit bestimmten Typen (wie ich in meinem Geiste zeige). –