Javascript 通过npm获得Highchart样式模式

这似乎是一个非常基本的问题，但我似乎在任何地方都找不到答案

Highcharts版本5带有样式化模式，允许您通过css设置图表样式。我通过npm安装了highcharts。提供有关如何从其网站下载样式化模式的文件的信息，但不提供如何通过npm获取文件，或通过代码切换到样式化模式的信息

---

如何激活应用程序中图表的样式模式？

样式模式Highcharts位于Highcharts/js/文件夹中。默认样式表可以在highcharts/css中找到。您不需要激活它们，只需将它们包含在html文件中。

样式化模式Highcharts可在Highcharts/js/文件夹中找到。默认样式表可以在highcharts/css中找到。您不需要激活它们，只需将它们包含在html文件中。

假设您使用的是ES6模块，只需导入样式化模式JavaScript模块而不是标准模块

import Highcharts from 'highcharts/js/highcharts';

您可能还希望包含它们的默认样式表。它们还提供了一个SCSS文件，因此在应用程序的SCSS文件中，您需要导入它们的样式表：

@import "~highcharts/css/highcharts";

---

假设您使用的是ES6模块，只需导入样式化模式JavaScript模块，而不是标准模块

import Highcharts from 'highcharts/js/highcharts';

您可能还希望包含它们的默认样式表。它们还提供了一个SCSS文件，因此在应用程序的SCSS文件中，您需要导入它们的样式表：

@import "~highcharts/css/highcharts";

---

我在使用Highcharts Vue和webpack时遇到了这个问题。我的解决方案是将样式化模式highcharts.js文件复制到npm在node_modules/highcharts/文件夹中安装的文件之上。

我在使用highcharts Vue和webpack时遇到了这个问题。我的解决方案是将样式化模式highcharts.js文件复制到npm在node_modules/highcharts/文件夹中安装的文件之上。

从7.0.0开始，可以通过将选项chart.styledMode设置为true来切换样式化模式。highcharts/js/文件夹已被删除。来源：从7.0.0开始，可以通过将选项chart.styledMode设置为true来切换样式化模式。highcharts/js/文件夹已被删除。资料来源：