ant F2 图表多分类数据切换展示滑动会出现错乱抖动

weixin_43872021 2020-06-18 04:58:06
使用
阿里的F2折线图,根据不同分类切换 图表切换不同数据展示,当切换三四个以上分类时,鼠标滑动图表会出现折线图错乱显示(当前分类数据与上一个分类数据交替出现 产生页面错乱抖动的感觉),点击到时不会出现抖动错乱
...全文
2193 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44307516 2020-11-25
  • 打赏
  • 举报
回复
还有个方法,更新数据的时候判断一下之前是否创建过f2,如果创建过就不要再创建,然后用clear方法清除内容,再重新画。有一说一,怀疑抖动是因为多次new F2.Chart 导致的。 https://zhuanlan.zhihu.com/p/280974948 知乎这篇文章提供了个思路,但是使用的destory()方法好像新版废弃了? if (!this.chart) { this.chart = new F2.Chart({ id: 'container', pixelRatio: window.devicePixelRatio, plugins: ScrollBar }) } this.chart.clear() this.chart.source(this.data, { date: { type: 'timeCat', mask: 'MM/DD', tickCount: 7, range: [0, 1] }, number: { tickCount: 5, min: 0, alias: this.typeList[this.activeTypeIndex].formName }, index: { // 这里横坐标使用 index, min: 0, // 设置刚开始显示的区间 0-5 max: 5 } })
y666__ 2020-11-25
  • 打赏
  • 举报
回复
chart.changeData() 好像貌似不怎么好用 楼上 哥们
y666__ 2020-11-24
  • 打赏
  • 举报
回复
我也遇到了 怎么 解决的 兄弟
weixin_44307516 2020-11-24
  • 打赏
  • 举报
回复
数据切换后使用这个方法更新 chart.changeData() https://f2.antv.vision/zh/docs/api/chart/chart
weixin_44307516 2020-11-24
  • 打赏
  • 举报
回复
俺也一样,兄弟怎么解决的

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧