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

weixin_43872021 2020-06-18 04:58:06
使用
阿里的F2折线图,根据不同分类切换 图表切换不同数据展示,当切换三四个以上分类时,鼠标滑动图表会出现折线图错乱显示(当前分类数据与上一个分类数据交替出现 产生页面错乱抖动的感觉),点击到时不会出现抖动错乱
...全文
2194 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
  • 打赏
  • 举报
回复
俺也一样,兄弟怎么解决的
[CLASS] org.apache.tools.ant.Main org.apache.tools.ant.Task org.apache.tools.bzip2.CRC org.apache.tools.ant.Target org.apache.tools.ant.Project org.apache.tools.zip.ZipFile org.apache.tools.zip.ZipLong org.apache.tools.ant.Executor org.apache.tools.ant.Location org.apache.tools.tar.TarEntry org.apache.tools.tar.TarUtils org.apache.tools.zip.UnixStat org.apache.tools.zip.ZipEntry org.apache.tools.zip.ZipShort org.apache.tools.ant.XmlLogger org.apache.tools.tar.TarBuffer org.apache.tools.zip.JarMarker org.apache.tools.zip.ZipFile$1 org.apache.tools.ant.BuildEvent org.apache.tools.ant.MagicNames org.apache.tools.ant.types.Path org.apache.tools.ant.BuildLogger org.apache.tools.ant.Diagnostics org.apache.tools.ant.FileScanner org.apache.tools.ant.TaskAdapter org.apache.tools.ant.TypeAdapter org.apache.tools.ant.XmlLogger$1 org.apache.tools.mail.MailMessage org.apache.tools.tar.TarConstants org.apache.tools.ant.taskdefs.Ant org.apache.tools.ant.taskdefs.Apt org.apache.tools.ant.taskdefs.Cvs org.apache.tools.ant.taskdefs.Ear org.apache.tools.ant.taskdefs.Get org.apache.tools.ant.taskdefs.Jar org.apache.tools.ant.taskdefs.Tar org.apache.tools.ant.taskdefs.War org.apache.tools.ant.taskdefs.Zip org.apache.tools.ant.types.DirSet org.apache.tools.ant.types.Mapper org.apache.tools.ant.BuildListener org.apache.tools.ant.DefaultLogger org.apache.tools.ant.Diagnostics$1 org.apache.tools.ant.ExitException org.apache.tools.ant.PathTokenizer org.apache.tools.ant.ProjectHelper org.apache.tools.ant.TaskContainer org.apache.tools.zip.AsiExtraField org.apache.tools.zip.ZipExtraField org.apache.tools.ant.taskdefs.Copy org.apache.tools.ant.taskdefs.Echo org.apache.tools.ant.taskdefs.Exec org.apache.tools.ant.taskdefs.Exit org.apache.tools.ant.taskdefs.GZip org.apache.tools.ant.taskdefs.Java org.apache.tools.ant.taskdefs.Move org.apache.tools.ant.taskdefs.Nice org.apache.tools.ant.taskdefs.Pack org.apache.tools.ant.taskdefs.Rmic org

61,129

社区成员

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

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