位置: 编程技术 - 正文

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 开发工具)

  • 银行开具的票据有哪些
  • 工厂宿舍的水电安装规范图
  • 中国电子口岸证书错误
  • 发票号码代码不合法
  • 员工报销汽油费可以抵扣进项税吗
  • 总分机构账务处理
  • 固定资产特性
  • 预付款项包括哪些项目
  • 采用托收承付方式怎么做分录?
  • 补缴以前年度养老保险能否税前扣除
  • 股权转让时资本怎么算
  • 低值易耗品摊销什么意思
  • 辅导期一般纳税人预缴增值税
  • 出售固定资产要交哪些税
  • 不得扣除任何费用的是
  • 2018年工会经费返还比例
  • 企业所得税如何缴纳
  • 会计中包装物计入
  • 增值税税控系统专用设备
  • 公司贷款评估费的做账
  • 房租费属于无形资产吗
  • 红字发票做进项税额转出是做借方红字吗
  • 咨询费属于什么大类
  • 送积分怎么做账
  • mac系统的桌面
  • 怎么用苹果6splus
  • 企业所得税费用扣除比例
  • 吃鸡到底用什么显卡性价比最高?
  • php文件用什么运行
  • 资产类备抵科目借方是加还是减
  • Yii2 rbac权限控制操作步骤实例教程
  • 前后端分离与不分离
  • 共轭梯度法matlab代码
  • jmeter接口串联
  • 盒子模型的概念
  • Huggingface之transformers零基础使用指南
  • 税控盘没有报税处理这个选项
  • 多缴纳的社保怎么查询
  • 商业汇票的行为有哪些
  • 住宿费发票可以开专票吗
  • 船舶税率是多少
  • 个人所得税专项附加扣除赡养老人
  • 多提的增值税该怎么做账
  • 管理费用属于损益类吗
  • 利润表调整了资产负债表怎么调整
  • 小规模当月开普票作废流程
  • 税前列支的项目
  • 建筑租赁公司是什么意思
  • 会计从业资格证取消了吗
  • 电子税务局没有增值税申报怎么办?
  • 增值税普通发票查询
  • 报销车辆通行费怎么做账
  • 接受捐赠固定资产存货等有相关凭据的其成本按什么确定
  • 将税后利润首先用于增加投资
  • 扣非净利润占比多少合理
  • 银行承兑汇票向银行申请贴现会计分录
  • 未开票收入账上税率按多少
  • 承兑汇票怎么拿钱
  • 公司怎么建
  • 商业银行的固定资产
  • sql hash
  • win8设置怎么打开
  • 虚拟机中的centos怎么联网
  • xmpdisabled什么意思
  • dl是什么文件
  • win10关闭系统服务
  • linux怎样使用命令
  • win8.1备份系统还原
  • cocos2d CC_CALLBACK_0/1/2/3之间的区别
  • opengl画矩形函数
  • cocos2d怎么用
  • nodejs writefile
  • javascript内置对象应用团购
  • javascript例题
  • jquery鼠标点击事件怎么写
  • css和js应如何在html中放置
  • 安徽残疾人补助过年有多少钱
  • 增值税差额征税什么意思
  • 耕地占用税 税额
  • 审计的起源和发展史
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设