首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >来自会话变量的charts.js,闪烁效果

来自会话变量的charts.js,闪烁效果
EN

Stack Overflow用户
提问于 2019-01-13 02:40:31
回答 1查看 116关注 0票数 0

通过ajax调用加载的图表看起来很好。目前,每当用户刷新页面时,都会从DB服务器加载数据。由于这些图表相当庞大,我考虑使用会话变量来存储图表并加快加载时间(所有图表都是同时加载的)。最终,我实现了目标,但我遇到了一些小问题。

每当从$_SESSION变量提供HTML + JS代码时,都会显示图表,但没有动画效果。此外,闪烁效果是可见的(缩放)。我通过设置responsive to false解决了这个问题,但这导致了标签的问题,太小了,无法接受。

我尝试了.destroy()选项,但没有成功(同样的闪烁效果):

代码语言:javascript
运行
复制
var myChart = new Chart(ctw, {
    type: 'bar',
    data: chart_data,
    options: chart_options
});

myChart.destroy();

var myChart = new Chart(ctw, {
    type: 'bar',
    data: chart_data,
    options: chart_options
});

有没有什么方法可以强制动画生效(不管图表是否来自$_SESSION ),并且不会失去响应性?

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2019-01-13 14:33:49

如果myChart.destroy()不起作用。尝试使用myChart.update()。

尝试像这样更新:

代码语言:javascript
运行
复制
var myChartData = myChart.data; // need to store in variable first

myChartData = chart_data; // chart_data from $_SESSION var
myChart.data = myChartData;

myChart.update();

祝好运。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54162747

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档