通过npm获取Highchart样式模式

时间:2017-02-24 14:44:51

标签: javascript highcharts npm

这似乎是一个非常基本的问题,但我似乎无法在任何地方找到答案。

Highcharts版本5带有“样式模式”,允许您通过CSS设置图表样式。我通过npm安装了highcharts。 The Documentation提供了有关如何从他们的网站下载样式模式文件的信息,但没有提供如何通过npm获取文件的信息,或者通过代码切换到它的shomehow。

如何为我的应用程序中的图表激活样式模式?

3 个答案:

答案 0 :(得分:1)

样式模式Highcharts在highcharts/css文件夹中可用。默认样式表可以在using System.Collections.Generic; using Xamarin.Forms; namespace FDNet { public class OutletPicker : Picker { public static readonly BindableProperty ItemSourceProperty = BindableProperty.Create(nameof(ItemSource), typeof(List<string>), typeof(OutletPicker), null); public List<string> ItemSource { get { return (List<string>)GetValue(ItemSourceProperty); } set { SetValue(ItemSourceProperty, value); } } protected override void OnPropertyChanged(string propertyName = null) { base.OnPropertyChanged(propertyName); if (propertyName == nameof(ItemSource)) { this.Items.Clear(); if (ItemSource != null) { foreach (var item in ItemSource) { this.Items.Add(item); } } } } } } 中找到。您无需激活它们 - 只需将它们包含在您的html文件中即可。

答案 1 :(得分:1)

假设您正在使用ES6模块,您只需导入样式模式JavaScript模块而不是标准模块。

import Highcharts from 'highcharts/js/highcharts';

您可能还想要包含其默认样式表。它们也提供SCSS文件,因此在您的应用程序的SCSS文件中,您需要导入它们的样式表:

@import "~highcharts/css/highcharts";

答案 2 :(得分:1)

在使用Highcharts-Vue和webpack时遇到了这个问题。我的解决方案是将样式模式的array:2 [▼ 0 => array:3 [▼ 0 => "4" 1 => "5" 2 => "10" ] 1 => array:2 [▼ 0 => "768" 1 => "5467" ] ] 文件复制到npm在highcharts.js文件夹中安装的文件之上。