社区
CSS
帖子详情
ant F2 图表多分类数据切换展示滑动会出现错乱抖动
weixin_43872021
2020-06-18 04:58:06
使用
阿里的F2折线图,根据不同分类切换 图表切换不同数据展示,当切换三四个以上分类时,鼠标滑动图表会出现折线图错乱显示(当前分类数据与上一个分类数据交替出现 产生页面错乱抖动的感觉),点击到时不会出现抖动错乱
...全文
2194
5
打赏
收藏
ant F2 图表多分类数据切换展示滑动会出现错乱抖动
使用阿里的F2折线图,根据不同分类切换 图表切换不同数据展示,当切换三四个以上分类时,鼠标滑动图表会出现折线图错乱显示(当前分类数据与上一个分类数据交替出现 产生页面错乱抖动的感觉),点击到时不会出现抖动错乱
复制链接
扫一扫
分享
转发到动态
举报
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
打赏
举报
回复
俺也一样,兄弟怎么解决的
ant
.jar下载
[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.TarConst
ant
s 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
uni-app使用
Ant
V
f2
图表
我这里是使用 HbuildX 直接导入插件 点击下载
ant
v
f2
插件 蚂蚁
图表
ant
v
f2
- DCloud 插件市场 在使用页面引入相关 import
F2
from '@/uni_modules/lime-
f2
/components/l-
f2
/
f2
.min.js'; 页面使用 <view class="data-board"> <l-
f2
ref="chart"></l-
f2
> </view> const data = .
使用
Ant
Design Pro 的
图表
(
展示
cpu、内存、硬盘)
很多时候我们都需要一个美观大方的
图表
页来充当首页,在快速
展示
大盘信息的同时还能吸引眼球,提升系统的质感。所以我们也做了一个
图表
库
Ant
Design Charts。
Ant
Design of React Modal显示
数据
错乱
问题
需求 写一个Modal,来
展示
或者录入用户的
数据
。 问题 当修改一个用户的Modal后,再打开另一个用户的Modal,后一个用户显示的
数据
为前一个用户的
数据
,造成
数据
错乱
的问题。 这是在
Ant
Design官网上找到的答案 我按照提示,给Modal设置一个新的key后,解决问题。但是第一种解决方法,自行手动清空旧的状态不知该怎么操作。
支付宝小程序中使用
F2
图表
支付宝小程序中使用
F2
图表
介绍 最近在支付宝小程序开发中接到显示
图表
的需求,因为支付宝小程序方未提供相关插件,并且目前支付宝小程序不支持document,所以根据推荐使用
f2
-canvas
图表
组件。 由于
f2
-canvas 组件主要是对小程序的画布上下文和 html5 canvas 的上下文进行了适配以支持
F2
在小程序端的渲染,所以
F2
能绘制什么
图表
,小程序端就能绘制什么
图表
。语法也可...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章