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

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

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

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

然后get请求的数据返回的时候直接返回二维数组就行了

需要注意的就是二维数组的更新方式

有的时候，当我们手动对data中的数据修改时，vue却监听不到这些数据的变化，导致页面没有触发新一轮的更新。

注意：出现以上问题的原因在于，没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对数据修改的那些方法，有一部分在vue中是不被认可的。

对于数组的更新，一种可以使用

• pop 删除末项
• push 添加一项
• shift 删除第一项
• unshift 添加第一项
• splice 截取/修改/删除数组元素
• sort 对数组排序
• reverse 取反

另一种则可以通过set方法（）

this.set 这是vue实例调用 set 这是vue实例调用set这是vue实例调用set()方法，专门用来修改数组的
第一个参数，已经存在data中的数据，要被修改的数组
第二个参数，要修改的数组下标
第三个参数，要修改的数组对应下标的值

this.$set (this.selectedarr, index, option)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。