Javascript 如何在放大谷歌图表后停止字体大小默认设置

我正在使用GoogleChartAPI创建一个时间线图，并希望该图标题下的字符串继续保持相同的字体大小，而不管是否放大该图

问题：

在我放大图表后，标题下的字符串（

Average Event…

，

第3行

）默认为原始大小，我如何使其在放大时或放大这些行（

Average Event…

，

第3行

）后继续保持原始文本大小

电流输出：

缩放前：

缩放后：

理想输出：

相关研究：

我找不到任何参考资料，也找不到任何有类似问题的人

MWE:

google.charts.load（'current'，{'packages'：['corechart']}）
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date\&Time'）；
data.addColumn（“数字”，“触发事件”）；
addColumn（{type:'string'，role:'tooltip'}）；
data.addRows([
[新日期（2021、11、31、0、0、0）、0、，]，
[新日期（2021,11,31,3,41,44），0，，]，
[新日期（2021,11,31,3,41,44），1，'事件持续时间：2h 14m 57s\n最大值：XYZ°C\n开始时间：03:41:44\n结束时间：05:56:41']，
[新日期（2021,11,31,5,56,41），1，'事件持续时间：2h 14m 57s\n最大值：XYZ°C\n开始时间：03:41:44\n结束时间：05:56:41']，
[新日期（2021,11,31,5,56,41），0，，]，
[新日期（2021,11,31,9,40,48），0，，]，
[新日期（2021,11,31,9,40,48），1，'事件持续时间：2h 30m 17s\n最大值：XYZ°C\n开始时间：09:40:48\n结束时间：12:11:05']，
[新日期（2021,11,31,12,11,5），1，'事件持续时间：2h 30m 17s\n最大值：XYZ°C\n开始时间：09:40:48\n结束时间：12:11:05']，
[新日期（2021,11,31,12,11,5），0，，]，
[新日期（2021,11,31,12,45,57），0，，]，
[新日期（2021,11,31,12,45,57），1，'事件持续时间：2h 28m 9s\n最大值：XYZ°C\n开始时间：12:45:57\n结束时间：15:14:06']，
[新日期（2021,11,31,15,14,6），1，'事件持续时间：2h 28m 9s\n最大值：XYZ°C\n开始时间：12:45:57\n结束时间：15:14:06']，
[新日期（2021,11,31,15,14,6），0，，]，
[新日期（2022,0,1,0,0,0），0，']
])；//结束数据。添加行（[]））
变量选项={
标题：“生成的3个事件\n平均事件持续时间：2h 24m 27s\n第3行”，
工具提示：{textStyle:{fontName:'Lucida Console'，fontSize:12}，
宽度：1100，
身高：500，
线宽：1，
图表区域：{宽度：900，高度：150}，
系列：{0:{color:'#188785'，区域不透明度：1.0}，
图例：{位置：'无'}，
使能互动性：正确，
哈克斯：{
标题：“日期\时间”，
titleTextStyle:{粗体：假，斜体：假}，
格式：“dd/MM/yyyy HH:MM”，
是的，
倾斜角度：90，
网格线：{color:'none'}，
}，//结束hAxis
言辞：{
标题：“触发的事件”，
titleTextStyle:{粗体：假，斜体：假}，
视图窗口：{min:0，max:1}，
记号：[{v:0，f:'Event Off'}，{v:1，f:'Event On'}]，
网格线：{color:'透明'}
}，//结束语
探索者：{
操作：['dragToZoom'，'rightClickToReset']，
轴：'水平'，
基平：是的，
maxZoomIn:20.0，
}，//结束资源管理器
}；//结束变量选项
var chart=new google.visualization.AreaChart（document.getElementById（'chart_div'））；
//收听图表就绪事件
google.visualization.events.addListener（图表'ready'，函数（）{
//获取要更改的标签副本
var labelContent=options.title.split（'\n'）；
//获取图表标签
var labels=chart.getContainer（）.getElementsByTagName（'text'）；
//循环图表标题行，从第二行开始
对于（var l=1；l

---

由于图表未记录“缩放”事件，
我们需要使用

MutationObserver

这将让我们随时知道图表的变化

// listen for changes to the chart
var observer = new MutationObserver(setTitle);
observer.observe(chart.getContainer(), {
  childList: true,
  subtree: true
});

我们将在

'ready'

事件期间创建

MutationObserver

。
保存原始字体大小后

请参阅以下工作片段

google.charts.load（'current'，{'packages'：['corechart']}）
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date\&Time'）；
data.addColumn（“数字”，“触发事件”）；
addColumn（{type:'string'，role:'tooltip'}）；
data.addRows([
[新日期（2021、11、31、0、0、0）、0、，]，
[新日期（2021,11,31,3,41,44），0，，]，
[新日期（2021,11,31,3,41,44），1，'事件持续时间：2h 14m 57s\n最大值：XYZ°C\n开始时间：03:41:44\n结束时间：05:56:41']，
[新日期（2021,11,31,5,56,41），1，'事件持续时间：2h 14m 57s\n最大值：XYZ°C\n开始时间：03:41:44\n结束时间：05:56:41']，
[新日期（2021,11,31,5,56,41），0，，]，
[新日期（2021,11,31,9,40,48），0，，]，
[新日期（2021,11,31,9,40,48），1，'事件持续时间：2h 30m 17s\n最大值：XYZ°C\n开始时间：09:40:48\n结束时间：12:11:05']，
[新日期（2021,11,31,12,11,5），1，'事件持续时间：2h 30m 17s\n最大值：XYZ°C\n开始时间：09:40:48\n结束时间：12:11:05']，
[新日期（2021,11,31,12,11,5），0，，]，
[新日期（2021,11,31,12,45,57），0，，]，
[新日期（2021,11,31,12,45,57），1，'事件持续时间：2h 28m 9s\n最大值：XYZ°C\n开始时间：12:45:57\n结束时间：15:14:06']，
[新日期（2021,11,31,15,14,6），1，'事件持续时间：2h 28m 9s\n最大值：XYZ°C\n开始时间：12:45:57\n结束时间：15:14:06']，
[新日期（2021年11月11日），