这似乎是一个非常基本的问题,但我似乎无法在任何地方找到答案。
Highcharts版本5带有“样式模式”,允许您通过CSS设置图表样式。我通过npm安装了highcharts。 The Documentation提供了有关如何从他们的网站下载样式模式文件的信息,但没有提供如何通过npm获取文件的信息,或者通过代码切换到它的shomehow。
如何为我的应用程序中的图表激活样式模式?
答案 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
文件夹中安装的文件之上。