Jquery 谷歌图表:隐藏图表而不丢失vAxis注释

Jquery 谷歌图表:隐藏图表而不丢失vAxis注释,jquery,charts,google-visualization,hide,Jquery,Charts,Google Visualization,Hide,当我在我的页面上创建两个图表时,我得到了完美的结果,当我试图在页面加载时隐藏其中一个图表并在单击时显示时,vAxis的注释消失了 我尝试了jQuery、样式表中的CSS和内联显示:none、style=“display:none”,它总是丢失vAxis的注释。 我试图在选项中指定vAxis格式:“货币”,但没有任何帮助 向下滚动JavaScript窗口,一直滚动到底部以查找行,这会使注释消失。我不知道为什么。 点击“Woche”,这是德语中“week”的意思 我希望在两个图表上都有注释。如果您

当我在我的页面上创建两个图表时,我得到了完美的结果,当我试图在页面加载时隐藏其中一个图表并在单击时显示时,vAxis的注释消失了

我尝试了jQuery、样式表中的CSS和内联显示:none、style=“display:none”,它总是丢失vAxis的注释。 我试图在选项中指定vAxis格式:“货币”,但没有任何帮助

向下滚动JavaScript窗口,一直滚动到底部以查找行,这会使注释消失。我不知道为什么。 点击“Woche”,这是德语中“week”的意思

我希望在两个图表上都有注释。如果您注释掉.hide()并重新加载页面,注释会显示出来,但当i.hide()注释掉#图表时,注释会消失

对怪物小提琴的事感到抱歉:(


thx for your time

当图表在隐藏容器中绘制时,会发生这种情况。
当容器被隐藏时,
图表无法正确计算图表元素的大小

解决方案是等待容器显示,
在绘制图表之前

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(当天);
函数drawIntraday(){
var data=google.visualization.arrayToDataTable([
[‘时间’、‘询问’、‘出价’],
[新日期(2019,4,10,08,01),19.045000,19.005000],[新日期(2019,4,10,08,04),19.045000,19.005000],
[新日期(2019,4,10,08,07),19.045000,19.005000],[新日期(2019,4,10,08,10),19.045000,19.005000],
[新日期(2019,4,10,08,13),19.045000,19.005000],[新日期(2019,4,10,08,16),19.045000,19.005000],
[新日期(2019,4,10,08,19),19.045000,19.005000],[新日期(2019,4,10,08,22),19.045000,19.005000],
[新日期(2019,4,10,08,25),19.045000,19.005000],[新日期(2019,4,10,08,28),19.045000,19.005000],
[新日期(2019,4,10,08,31),19.050000,19.005000],[新日期(2019,4,10,08,34),19.050000,19.015000],
[新日期(2019,4,10,08,37),19.050000,19.015000],[新日期(2019,4,10,08,40),19.050000,19.015000],
[新日期(2019,4,10,08,43),19.050000,19.015000],[新日期(2019,4,10,08,46),19.025000,19.015000],
[新日期(2019,4,10,08,49),19.050000,19.015000],[新日期(2019,4,10,08,52),19.050000,19.015000],
[新日期(2019,4,10,08,55),19.095000,19.015000],[新日期(2019,4,10,08,58),19.095000,19.005000],
]);
var date\u formatter=新的google.visualization.DateFormat({
模式:“dd.MM.yyyy HH:MM”
});
日期\格式化程序。格式(数据,0);
变量选项={
宽度:360,
身高:400,
curveType:'函数',
图例:“无”,
哈克斯:{
格式:“HH:mm”,
网格线:{count:3}
}
};
var chart=new google.visualization.LineChart(document.getElementById('chart_intraday');
图表绘制(数据、选项);
}
函数drawWeek(){
var data=google.visualization.arrayToDataTable([
[‘时间’、‘询问’、‘出价’],
[新日期(2019,4,06,08,02),21.140000,21.080000],[新日期(2019,4,06,08,04),21.140000,21.080000],
[新日期(2019,4,06,08,07),20.850000,20.750000],[新日期(2019,4,06,08,10),20.850000,20.750000],
[新日期(2019,4,06,08,13),20.900000,20.810000],[新日期(2019,4,06,08,16),20.850000,20.760000],
[新日期(2019,4,06,08,19),20.850000,20.760000],[新日期(2019,4,06,08,22),20.850000,20.780000],
[新日期(2019,4,06,08,25),20.850000,20.780000],[新日期(2019,4,06,08,28),20.850000,20.780000],
[新日期(2019,4,06,08,31),207.6万,207.5万],[新日期(2019,4,06,08,34),207.7万,207.5万],
[新日期(2019,4,06,08,37),2077000,2070000],[新日期(2019,4,06,08,40),2077000,20710000],
]);
var date\u formatter=新的google.visualization.DateFormat({
模式:“dd.MM.yyyy HH:MM”
});
日期\格式化程序。格式(数据,0);
变量选项={
宽度:360,
身高:400,
curveType:'函数',
图例:“无”,
哈克斯:{
格式:“dd.MM.yyyy”,
网格线:{count:3}
},
言辞:{
格式:“货币”
}
};
var chart=new google.visualization.LineChart(document.getElementById('chart_week');
图表绘制(数据、选项);
}
$('#aintra')。单击(函数(e){
e、 预防默认值();
$(“#每周图表”).hide();
$('日内图表').show();
});
$('#aweek')。单击(函数(e){
e、 预防默认值();
$(“#图表_日内”).hide();
$(“#每周图表”).show();
提款周();
});
#图表菜单导航{光标:指针;}

  • 当日
  • 沃什
  • 莫纳特
  • 3单酸盐
  • 6单酸盐
  • 加尔
  • 3贾哈尔
  • 10雅尔
  • 马克斯

在隐藏容器中绘制图表时会发生这种情况。
当容器被隐藏时,
图表无法正确计算图表元素的大小

解决方案是等待容器显示,
在绘制图表之前

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(当天);
函数drawIntraday(){
var data=google.visualization.arrayToDataTable([
[‘时间’、‘询问’、‘出价’],
[新日期(2019,4,10,08,01),19.045000,19.005000],[新日期(2019,4,10,08,04),19.045000,19.005000],
[新日期(2019,4,10,08,07),19.045000,19.005000],[新日期(2019,4,10,08,10),19.045000,19.005000],
[新日期(2019,4,10,08,13),19.045000,19.005000],[新日期(2019,4,10,08,16),19.045000,19.005000],
[新日期(2019,4,10,08,19),19.045000,19.005000],[新日期(2019,4,10,08,22),19.045000,19.005000],
[新日期(2019,4,10,08,25),19.045000,19.005000],[新日期(2019,4,10,08,28),19.045000,19.005000],
[新日期(2019,4,10,08,31),19.050000,19.005000],[新日期(2019,4,10,08,34),19.050000,19.015000],
[新日期(2019,4,10,08,37),19.050000,19.015000],[新日期(2019,4,10,08,40),19.050000,19.015]
      $('#chart_week').hide();