Javascript Jquery.animate()仅在按F11或F12后受影响

Javascript Jquery.animate()仅在按F11或F12后受影响,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我在页面中使用jQuery animate()来增加highchart元素的大小。当我调用事件(双击)时,它没有变化。但如果我按F11(全屏)或F12,它将受到影响。这是我的密码: $(函数(){ var random1=[]; var random2=[]; $(“#今天”).dblclick(function(){ $(this).children('.highcharts container').css(“zIndex”,1000); $(此)。设置动画({ 不透明度:“1”, 宽度:“

我在页面中使用jQuery animate()来增加highchart元素的大小。当我调用事件(双击)时,它没有变化。但如果我按F11(全屏)或F12,它将受到影响。这是我的密码:

$(函数(){
var random1=[];
var random2=[];
$(“#今天”).dblclick(function(){
$(this).children('.highcharts container').css(“zIndex”,1000);
$(此)。设置动画({
不透明度:“1”,
宽度:“1140px”,
高度:“655px”
},800,函数(){
警报(“正常”);
});
});
对于(i=0;i<1440;i+=10){
var temp=数学地板((数学随机()*250)+1);
1.推送(温度);
}
对于(i=0;i<1440;i+=10){
var temp=数学地板((数学随机()*250)+1);
2.推送(温度);
}
var图表={
zoomType:'xy'
};
var today_xAxis={
键入:“日期时间”,
时间间隔:300万,
标签:{
格式化程序:函数(){
返回Highcharts.dateFormat('%kh',this.value);
},
自动旋转极限:10,
步骤:3
},
};
var today_yAxis=[{//Primary today_yAxis
分:0,,
最高:250,
金额:6,
时间间隔:50,
标签:{
格式:“{value}”,
风格:{
颜色:Highcharts.getOptions().color[1]
}
},
标题:{
文字:“温度(°C)”,
风格:{
颜色:Highcharts.getOptions().color[1],
fontFamily:“投石机MS”
}
}
},{//今天的中学\u yAxis
分:0,,
最高:250,
金额:6,
时间间隔:50,
标题:{
文字:“温度(°C)”,
风格:{
颜色:“#7CB5EC”,
fontFamily:“投石机MS”
}
},
标签:{
格式:“{value}”,
风格:{
颜色:Highcharts.getOptions().color[0]
}
},
相反:对
}];
var today\u工具提示={
分享:真的
};
var today_legend={
布局:“垂直”,
对齐:“左”,
x:120,
垂直排列:“顶部”,
y:100,
浮动:是的,
背景颜色:(Highcharts.theme&&Highcharts.theme.legendBackgroundColor)| |'#FFFFFF'
};
var\u系列=[{
名称:“温度(°C)”,
键入:“列”,
今天(u yAxis):1,,
数据:随机1,
起点:UTC日期(2015年9月14日0月0日),
点间距:10*60*1000,
今日工具提示:{
valueSuffix:'kWh'
}
}, {
名称:“温度(°C)”,
类型:“样条线”,
数据:随机2,
起点:UTC日期(2015年9月14日0月0日),
点间距:10*60*1000,
今日工具提示:{
valueSuffix:'kWh'
}
}];
var today_json={};
今天_json.chart=chart;
today_json.xAxis=today_xAxis;
today_json.yAxis=today_yAxis;
今天_json.title=“”;
today_json.tooltip=today_tooltip;
today_json.legend=today_legend;
today_json.series=today_series;
$('today')。海图(today#json);
});
。阻止内容{
浮动:左;
边缘顶部:10px;
边缘底部:10px;
左边距:25px;
右边距:10px;
高度:340px;
宽度:550px;
文本对齐:左对齐;
}
.区块内容标题{
边缘顶部:15px;
边缘底部:10px;
显示:内联块;
宽度:100%;
高度:35px;
线高:35px;
边框底部:2px#FFFFFF实心;
字体大小:15磅;
字体系列:Comfortaa;
}
.block content body div{
高度:290px;
}


要调整图表大小,应使用chart.setSize()或chart.reflow(),请参阅API。按F11/12键后,您可以调整浏览器文档的大小(window.resize事件),其结果在Highcharts setSize()中内部调用


Pawel Fus的评论。

要调整图表大小,应使用
chart.setSize()
chart.reflow()
,请参阅。按F11/12键后,您可以调整浏览器文档的大小(
window.resize
event),其结果在Highcharts
setSize()
@PawełFus中内部调用,谢谢。它起作用了。