【问题标题】:How to stop the legend disappearing during a Google Charts animation?如何在 Google Charts 动画中阻止图例消失?
【发布时间】: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 动画图表方式的必要功能。

谢谢!

【问题讨论】:

标签: javascript jquery html charts


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多