携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第18天，点击查看活动详情
玩过基金或者股票的读者应该比较清楚数据的动态更新，当一有数据更改的时候，相关的折线图就会更新。
读者自行脑补效果
我们在本文来探讨下，Dygraphs 中如何进行数据的更新。
这是一个简单的事情，我们直接调用 updateOptions 方法即可。
updateOptions
updateOptions(input_attrs, block_redraw) 可更改图形的各种属性。这些属性包括：
- file：更改图形的原数据。
- errorBars：改变数据是否包含 stddev
stddev (standard deviation) 标准差
可以传递很多的选项给这个方法。完整的列表，我们可以查看这里。
该方法相关的参数介绍：
- input_attrs 是
{ Object }类型，包含各种新的属性及其值。 - block_redraw 是
{ boolean }类型，字面意思是阻止重绘。通常在每次调用updateOptions()后重新绘制图表。如果你明确知道哪里需要阻止重绘，你可以传递true来显式地组织重绘。这对于追踪updateOptions()调用很有帮助，可以避免偶尔的无限循环以及不必要的的重绘（比如更新一个回调函数时）。
上面讲了这么多，我们来实现下：
这里是结合
angular-cli实现的 Demo。PS：掘金的线上编辑器啥时候能实现angular新建代码片段...期待
