如何在渲染时禁用D3或MetricsGraphics的动画效果
使用MetricsGraphics与D3实现动态更新的curveStep时间序列图
我正在用MetricsGraphics库搭配D3来绘制curveStep样式的时间序列图,每当有新数据可用时,图表就会自动重新绘制。
核心实现代码
var mydata = []; var intervalID = setInterval( function addsample() { var newval = Math.random() * 10; var mysample = { timestamp: new Date(), value: newval }; mydata.push( mysample ); console.log("sample count: " + mydata.length); if (mydata.length == 100) clearInterval(intervalID)...
功能说明
- 通过
setInterval定时生成带时间戳的随机数值数据点,并存入数组 - 控制台会实时输出当前累计的样本数量
- 当样本数达到100个时,停止生成新数据
- 每次新增数据后,会触发MetricsGraphics的重绘逻辑,实现时间序列的动态更新
内容的提问来源于stack exchange,提问作者edj
相关产品推荐
相关产品推荐

