为什么Google饼图需要两次调用chart.draw方法才能正常显示？

• 容器尺寸未初始化完成：出问题的饼图对应的DOM容器，在第一次触发draw方法时还未完成页面排版，宽高计算结果为0或未生效值。Google Charts渲染时会读取容器当前尺寸生成画布，第一次渲染时画布尺寸异常导致不可见，第二次调用draw时页面布局已稳定，容器尺寸正确，因此渲染正常。其余图表的容器要么提前写死了固定宽高，要么在布局流中优先级更高，回调触发时已完成尺寸计算，因此无异常。
• 数据触发阈值临界问题：该饼图的切片占比刚好卡在你设置的sliceVisibilityThreshold: .01阈值边界，第一次渲染时小于1%的切片合并逻辑计算异常，导致图表渲染失败，第二次重绘时内部状态重置后计算正常。其余饼图没有出现刚好卡阈值的数据，因此不会触发该问题。
• 渲染线程抢占问题：你开启了图表启动动画，页面同时渲染14张图表时，浏览器绘制线程被占用，刚好这张饼图的第一次渲染被中断，第二次调用时线程空闲，因此渲染成功。

• 给该饼图对应的DOM容器手动设置固定宽高样式，避免使用动态百分比、flex/grid自适应尺寸，也可以在调用drawChart前先主动读取容器的offsetWidth/offsetHeight，确认尺寸有效后再执行绘制逻辑。
• 不要硬编码两次draw调用，可以监听Google Charts的error事件，第一次绘制失败时自动触发重绘，兼容性更好。
• 可以适当调整该饼图的sliceVisibilityThreshold参数值，比如修改为0.009，避开数据临界阈值。

内容的提问来源于stack exchange，提问作者philzy127