我有一个问题,改变它们为高图.我创建了一个数组来保存所有主题,并尝试通过select事件更改它们.
var highcharts_theme = [];
/* Default theme */
highcharts_theme.push({});
/* Dark Blue theme */
highcharts_theme.push({
colors: ["#DDDF0D","#55BF3B","#DF5353","#7798BF","#aaeeee","#ff0066","#eeaaee","#aaeeee"],chart: {
backgroundColor: {
linearGradient: [0,250,500],stops: [
[0,'rgb(48,48,96)'],[1,'rgb(0,0)']
]
},.... Shortened for brevity.....
$('#theme-type').selectmenu({ width: 200 }).change(function (e) {
var themeIndex = parseInt($('#theme-type').val());
Highcharts.theme = highcharts_theme[themeIndex];
// Apply the theme
highchartsOptions = Highcharts.setOptions(Highcharts.theme);
});
我所遇到的问题是,如果我转向Skies主题,那么这是很好的,但随后改为任何其他主题,天空背景与主题的其他元素一起保持.
谢谢
解决方法
每当你设置一个主题时,它会与现有的主题相融合,因此任何选项都不会出现在新的主题中,它将从现有的主题中挑选出来.这可能不总是需要.
不幸的是,Highcharts没有提供返回在第一次加载时设置的默认值的选项.以下代码可用于获取该功能
// Make a copy of the defaults,call this line before any other setOptions call
var HCDefaults = $.extend(true,{},Highcharts.getOptions(),{});
function ResetOptions() {
// Fortunately,Highcharts returns the reference to defaultOptions itself
// We can manipulate this and delete all the properties
var defaultOptions = Highcharts.getOptions();
for (var prop in defaultOptions) {
if (typeof defaultOptions[prop] !== 'function') delete defaultOptions[prop];
}
// Fall back to the defaults that we captured initially,this resets the theme
Highcharts.setOptions(HCDefaults);
}
