Get Highchart Styled Mode über Npm

Question

Dies mag wie eine sehr grundlegende Frage scheinen, aber ich kann nicht scheinen, die Antwort irgendwo zu finden.

Highcharts Version 5 kommt mit einem "styled-mode", mit dem Sie Ihr Diagramm über CSS formatieren können. Ich habe Highcharts über Npm installiert. The Documentation gibt Informationen darüber, wie Sie die Dateien für den Stil-Modus von ihrer Website herunterladen, aber nicht, wie Sie sie über Npm erhalten, oder wechseln Sie sie per Code.

Wie kann ich den styled-Modus für die Diagramme in meiner Anwendung aktivieren?

Answer 1

Styled-Modus Highcharts ist in highcharts/js/ Ordner verfügbar. Das Standard-Stylesheet kann in highcharts/css gefunden werden. Sie müssen sie nicht aktivieren - fügen Sie sie einfach in Ihre HTML-Datei ein.

Answer 2

Angenommen, Sie verwenden ES6-Module, importieren Sie einfach das JavaScript-Modul im Stilmodus anstelle des Standardmoduls.

import Highcharts from 'highcharts/js/highcharts'; 

Wahrscheinlich möchten Sie auch ihr Standard-Stylesheet einschließen. Sie stellen auch eine SCSS-Datei zur Verfügung. In der SCSS-Datei Ihrer Anwendung möchten Sie daher ihr Stylesheet importieren: