通過npm獲得Highchart風格模式

Question

這看起來像一個非常基本的問題，但我無法在任何地方找到答案。

Highcharts第5版帶有「樣式模式」，它允許您通過CSS設計樣式。我通過npm安裝了highcharts。 The Documentation提供了有關如何從他們的網站下載樣式模式文件的信息，但不知道如何通過npm獲取它，或者通過代碼切換到它。

如何在我的應用程序中爲圖表激活樣式模式？

Answer 1

樣式模式Highcharts在highcharts/js/文件夾中可用。默認樣式表可以在highcharts/css找到。你不需要激活它們 - 只需將它們包含在你的html文件中即可。

Answer 2

假設您使用的是ES6模塊，您只需導入樣式模式JavaScript模塊而不是標準模塊。

import Highcharts from 'highcharts/js/highcharts'; 

您可能還想要包含它們的默認樣式表。它們也提供SCSS文件，因此在您的應用程序的SCSS文件中，您將需要導入其樣式表：

@import "~highcharts/css/highcharts";