移动端可视化框架antv f2出现两个legend选项
框架 出现 移动 两个 可视化 选项
2023-09-11 14:19:37 时间
前天遇到个坑,把我给坑死了 ,在帮朋友做一个微信公众号的项目,使用的vue全家桶,有个模块需要用到数据可视化展现,之前做项目的时候用过antv,比较熟悉,因为是移动端的项目,所以用的是antv f2这个可视化框架,按照之前写的方式都做完之后,最后发现下面出现了两个相同的legend,找了半天也没发现问题出在哪,百思不得其解
watch:{
statisticsList: {
handler(newValue, oldValue) {
// 更新数据
this.lineChart.changeData(newValue);
// 修改图表配置重新渲染
this.lineChart.scale('time', {
tickCount: 5, // 定义坐标轴刻度线的条数,默认为 5
type: 'timeCat',
mask: this.chartsDateType
});
this.lineChart.render();
},
deep: true
}
},
后来,又仔细的查看了下f2的文档,发现问题出在这个地方
this.lineChart.render();
重新渲染了一次,就出现了两个lenged
解决方法 :
使用 repaint重新绘制图表
this.lineChart.repaint();
相关文章
- 基于frida框架Hook native中的函数(1)
- 利用 Composer 一步一步构建自己的 PHP 框架(一)——基础准备
- Java并发编程(07):Fork/Join框架机制详解
- 精通Python网络爬虫:核心技术、框架与项目实战.3.2 爬行策略
- http框架--OkHttp 4 架构与源码分析
- 全功能Rest Web Service开源框架Rop作者陈雄华专访
- MFC应用程序框架入门
- 在.NET Core中设计自己的服务宿主(Service Hosting)框架
- swift语言注册非免费苹果账号iOS游戏框架Sprite Kit基础教程
- 基于Java(Struts2 框架)+Mysql实现(Web)学生成绩管理系统【100010053】
- volley框架 出现at com.android.volley.Request.<init>
- WebApiThrottle限流框架
- Android API Demo框架分析
- 值得借鉴的框架
- 百度BML&飞桨训练营(一)平台以及框架整体介绍
- 轻量级的前端UI开发框架 - UIkit
- VS2010/MFC编程入门之五十二(Ribbon界面开发:创建Ribbon样式的应用程序框架)