Vue.js+HighCharts实现动态请求展示时序数据 Vue.js+HighCharts实现动态请求展示

本文实例为大家分享了Vue.js+HighCharts实现动态请求展示时序数据的具体代码，供大家参考，具体内容如下

原本要求的数据格式是二维数组

series: [{type: 'area',name: 'area',data: [[1370131200000, 0.7695],[1370217600000, 0.7648]]}]

然后get请求的数据返回的时候直接返回二维数组就行了
【Vue.js+HighCharts实现动态请求展示时序数据】

文章图片

需要注意的就是二维数组的更新方式
有的时候，当我们手动对data中的数据修改时，vue却监听不到这些数据的变化，导致页面没有触发新一轮的更新。
注意：出现以上问题的原因在于，没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对数据修改的那些方法，有一部分在vue中是不被认可的。
对于数组的更新，一种可以使用