位置: 编程技术 - 正文

vue在使用ECharts时的异步更新和数据加载详解(vue中的echarts)

编辑:rootadmin

推荐整理分享vue在使用ECharts时的异步更新和数据加载详解(vue中的echarts),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue echarts,vue echarts,vue在使用组件前判断组件是否存在,vuejs echarts,vue中echarts怎么用,vue中的echarts,vue中echarts怎么用,vue中用echarts,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

最近在学习eCharts,学习到了异步更新和数据加载这一块,觉着有必要总结一下,方法以后的时候参考学习,在开始本文之前,对eCharts不熟悉的朋友们可以参考下这篇文章: 下面话不多说了,来一起看看详细的介绍吧。

使用方法

使用Echarts首先得先把Echarts.js引进来(放在文件的入口html文件里面)

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器

初始化一个 echarts 实例并通过 setOption 方法生成一个你想要的图表类型,

首先先把,echarts里setOption的option,单独领出来,初始化放在data里

vue在使用ECharts时的异步更新和数据加载详解(vue中的echarts)

下面是在methods里初始化的一个方法,

然后在mounted里调用这个方法

接下来就就是数据异步加载与更新了。

以下的代码是本地的json类型,异步加载数据时只要填入数据,然后在series里根据名字对应到相应的系列就可以了。

但是,echarts的数据是直接merge的,所以当出现多条折线时,如果当天的数据为0,或者后台传过来的数据为空的时候,setOption的值根本就没有更新,而是直接merge了,所以这个问题就头大了。

对于这个问题的解决方法是

用getOption取到已经存在的option, 然后用this.lineChartOrder.setOption.clear() ,清空option,最后this.lineChartOrder.setOption(option, false, false) 。

这样就可以清掉了。

以下是官网异步数据加载与更新的方法,会相对简单些。

只需要将数据填充进入就可以了。

总结

标签: vue中的echarts

本文链接地址:https://www.jiuchutong.com/biancheng/377426.html 转载请保留说明!

上一篇:解析Vue2 dist 目录下各个文件的区别(vue解析md)

下一篇:vue.js开发实现全局调用的MessageBox组件实例代码(vue.js 开发工具)

  • 应交税费应交增值税明细账怎么填
  • 债务重组无形资产的评估费
  • 企业所得税应补退税额怎么计算
  • 横幅属于什么发票范围
  • 进项税额已抵扣转出会计分录
  • 残保金什么样的企业要交
  • 实际收到股票股利的分录
  • 机器保养计入什么
  • 工程外出经营流程
  • 固定资产的发票
  • 委托生产企业和受托生产企业
  • 公司买房需要交房产税吗
  • 增值税尾数调整怎么做
  • 小企业盈余公积弥补亏损分录
  • 职工伙食团食谱
  • 未达起征点的增值税要交所得税吗
  • 技术维护费属于劳务还是研发和技术服务
  • 单张发票不超过1万
  • 用友t3每月都要结账吗
  • 委托代销商品账簿模板
  • 简单介绍linux
  • 以前年度的收入和成本错了要怎么调
  • vscode国内镜像
  • G40/50-70、SR1000随机Linux改安装Win7系统的实现方法
  • 关闭系统的命令位于什么菜单中
  • 非经营业务
  • 营改增后不动产发票
  • 应付票据是发票吗
  • javascript移动鼠标
  • 关于灵活就业人员待遇享受政策
  • php面向对象编程实验总结
  • 会计年报表怎么做
  • promise async区别
  • 金税盘锁死咋办
  • 电票怎么付给别人
  • 会计打印发票请求怎么写
  • 劳保用品会计科目进什么科目
  • web后端开发是什么意思
  • 发票融资会计处理
  • 固定资产清理的借贷方向表示什么
  • 母子公司转让不动产 契税
  • 帝国cms标签调用大全
  • 帝国cms修改提示怎么设置
  • mongodb 教程
  • 买一赠一税务局答复
  • "服务业"
  • 外币交易的会计分录怎么写
  • sql纵表转横表
  • 超过两年记入错误的主营业务成本怎么调账?
  • 对公账户收钱要手续费吗
  • 私车公用产生的费用算不算在公务用车运行维护费中
  • 公司支出发票
  • 租赁行业出租方要交税吗
  • 进项税转出企业所得税调减么
  • 预付卡发票能不能走福利账户
  • 长期借款和长期贷款一样吗
  • 内帐与外帐的哪个更好
  • 收缩后对数据库有影响吗
  • mysql int(3)与int(11)的区别详解
  • mac应用图标不见了怎么办
  • centos编译器
  • 邮件版本
  • windows8怎么更新到最新版本
  • 升级电脑win10系统
  • mac文本软件
  • cocos2d rpg
  • shell ui
  • Python搭建HTTP服务器和FTP服务器
  • jquery调用json数据
  • javascript模拟器
  • jquery获取文件大小
  • 获取intent传递的数据
  • jQuery插件封装时如要实现链式编程,需要
  • 京东发票税号是几位数
  • 装卸搬运服务是什么服务
  • 土地使用税申报流程图
  • 企业跨区域迁移
  • 发票被暂停了严重吗
  • 税务税率9个点怎么算
  • 南川大观薰衣草花期
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设