vue.js中使用echarts实现数据动态刷新功能
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
在vue使用echarts时,可能会遇到这样的问题,就是直接刷新浏览器,或者数据变化时,echarts不更新"htmlcode">
watch:{ option:function(newvalue,oldvalue){ //侦听相对应的属性 //判断echarts对象是否存在存在 if(charts),charts为定义的echarts对象, //若存咋, 则继续判断属性是否发生变化 if(newvalue),发生变化重新设置echarts的option, charts.setOption(newvalue),没发生变化则 charts.setOption(loldvalue) //若charts对象不存在,则直接初始化echarts } }
总结
以上所述是小编给大家介绍的vue.js中使用echarts实现数据动态刷新功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
下一篇:详解vue-cli 脚手架 安装