如何在 Google Charts 动画中阻止图例消失？

Posted 2023-02-22

【中文标题】如何在 Google Charts 动画中阻止图例消失？

【英文标题】：How to stop the legend disappearing during a Google Charts animation?

【发布时间】：2015-09-15 23:23:55

【问题描述】：

我正在使用 Google Charts API 创建柱形图。我有一些页面的其他部分在加载时（不在 Google API 中）进行动画处理，并且希望 Google Charts 也可以进行动画处理。这很容易实现，但奇怪的是图表的动画方式，然后在动画完成后出现图例。

有什么方法可以让图例立即出现，以便在图表动画时可见？

这里显示了一些图表动画和随后出现的图例：http://jsfiddle.net/Qquse/1343/ 在图表选项中传递一些动画设置...

var options = 
    animation: 
        duration: 3000,
        easing: 'out',                
        'startup': true
    
    //etc...
;

这个帖子：https://groups.google.com/forum/#!topic/google-chart-api/q15ggJ0sHNc 似乎暗示我对此无能为力，因为这是 Google 动画图表方式的必要功能。

谢谢！

【问题讨论】：

不幸的是，我认为它目前不受支持。如果您查看他们的文档，他们的所有示例也都具有相同的行为。 developers.google.com/chart/interactive/docs/animation

【参考方案1】：

It looks 这样的选择是开发人员深思熟虑的选择，因为动画的每一帧都会重新绘制整个图表，导致图例闪烁，因此看起来无法通过 Google 图表处理。

我会尝试不同的方法。我会通过将legend: 'none' 添加到选项来摆脱 GC 生成图例，然后使用透明的 canvas 或 svg 创建我自己的图例，并在图表上分层，允许它始终存在于动画之外。