amCharts 中的实时图表完全刷新
Live chart completely refreshing in amCharts
我想使用 amChart.js 创建实时图表,所以我使用 ajax 进行实时图表更新。如果我在 setInterval
中调用 ajax 页面,图表就会完全刷新。实际上,我只需要更改数据。
请检查我来自 JSFiddle 的脚本。
我该如何解决这个问题?
提前致谢。
By "change the data only" 如果你的意思是转换到新的点或值,那么你不能替换整个数组。替换整个数组总是会导致完全重绘。请注意,替换整个数组时通常不需要调用 invalidateData
。
如果您希望图表过渡到新值,则必须更改更新数据的方式。如果您就地更新数据并调用 invalidateRawData
,AmCharts 将从一个转换开始动画,仅当您就地更新数据并调用 invalidateRawData
或如果您使用 addData
时才会发生将数据添加到数组。不知道 ajax 请求中的数据是什么样的,您需要找出最佳方法。
您可以详细了解如何管理 incremental/transitional 更新 here。
我想使用 amChart.js 创建实时图表,所以我使用 ajax 进行实时图表更新。如果我在 setInterval
中调用 ajax 页面,图表就会完全刷新。实际上,我只需要更改数据。
请检查我来自 JSFiddle 的脚本。
我该如何解决这个问题?
提前致谢。
By "change the data only" 如果你的意思是转换到新的点或值,那么你不能替换整个数组。替换整个数组总是会导致完全重绘。请注意,替换整个数组时通常不需要调用 invalidateData
。
如果您希望图表过渡到新值,则必须更改更新数据的方式。如果您就地更新数据并调用 invalidateRawData
,AmCharts 将从一个转换开始动画,仅当您就地更新数据并调用 invalidateRawData
或如果您使用 addData
时才会发生将数据添加到数组。不知道 ajax 请求中的数据是什么样的,您需要找出最佳方法。
您可以详细了解如何管理 incremental/transitional 更新 here。