So importieren Sie highcharts-mehr
Möchte ich die spiderweb-Diagramm von highcharts, die verlangt, dass ich auf import-highcharts-mehr, aber ich kann nicht herausfinden, wie das zu tun. Derzeit ist dies, wie ich Hinzugefügt habe, highcharts zu meinem Projekt, von app.module.ts
:
import { ChartModule } from 'angular2-highcharts';
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';
import * as Highcharts from 'highcharts/highstock';
imports: [
ChartModule
]
providers: [{
provide: HighchartsStatic,
useValue: Highcharts
}],
Wenn ich versuche zu importieren, wie diese:
import * as HighchartsMore from 'highcharts/highcharts-more';
Bekomme ich die folgende Fehlermeldung:
Module '"c:/pdws-view-v2/node_modules/@types/highcharts/highcharts-more"' resolves to a non-module entity and cannot be imported using this construct.
Irgendwelche Ideen?
- Hier finden Sie spiderweb Beispiel mit angular2-highcharts: plnkr.co/Bearbeiten/ZdFJc2Wul4yOGNoGwX4f?p=Album Vorhören.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Brauchen Sie nicht zu verwenden, ein externes Modul zu verwenden, highcharts oder der Erweiterungs-Pakete in Ihrem Winkel-app. Alles, was Sie tun müssen
npm install --save highcharts
und dann in der Komponente zusammen mit den anderen Importe umfassen:und Beispiel für die Verwendung:
aktualisieren Sie den Diagramm-Optionen:
Den
highcharts-more
npm-Paket ist veraltet - es gibt keine Notwendigkeit, es zu installieren. Nur stellen Sie sicherhighcharts
installiert ist.Lösung:
Mit add-highcharts-Module und ich habe aktualisiert es zu spider-Diagramm
Plunker
Nicht sicher sind, sollten Sie importieren. Meiner Meinung nach, basierend auf der Nutzung in der Bibliothek npm Seite (https://www.npmjs.com/package/highcharts-more) Sie einfach haben, um es in Ihrem code-Basis, mit einem
<script>
tag, oder fügen Sie den Pfad zu derscripts
array in.angular-cli.json
."scripts": ["./node_modules/@types/highcharts/highcharts-more.d.ts"]
im.angular-cli.json
hat nicht funktioniert. :/"scripts": ["./node_modules/highcharts/highcharts-more.js"]
und"scripts": ["./node_modules/highcharts/highcharts-more.src.js"]