H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】Echarts 动态获取数据 并触发视图更新

使用Echarts更新数据或拉取数据的时候遇到下列问题
无法立即触发视图更新、数据格式混乱

解决方法

数据格式混乱

      //举个栗子 三部曲 避免格式混乱
      this.chart.clear() //先清除图表
      this.chart.setOption(option, true) //再设置配置
      this.chart.hideLoading() //关闭loading

触发视图更新
由于项目使用的vuecli 所以方法如下

watch: {
    //监听的对象
    x_axis(newVal, oldVal) {
    //重绘
      this.initChart(newVal, this.content)
    },
    y_axis(newVal, oldVal) {
      this.initChart(newVal, this.content)
    }
  },

本文地址:H5W3 » 【前端技术】Echarts 动态获取数据 并触发视图更新

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址