社区
CSS
帖子详情
ant F2 图表多分类数据切换展示滑动会出现错乱抖动
weixin_43872021
2020-06-18 04:58:06
使用
阿里的F2折线图,根据不同分类切换 图表切换不同数据展示,当切换三四个以上分类时,鼠标滑动图表会出现折线图错乱显示(当前分类数据与上一个分类数据交替出现 产生页面错乱抖动的感觉),点击到时不会出现抖动错乱
...全文
2193
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下载
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 ...
uni-app使用
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-...
使用
Ant
Design Pro 的
图表
(
展示
cpu、内存、硬盘)
很多时候我们都需要一个美观大方的
图表
页来充当首页,在快速
展示
大盘信息的同时还能吸引眼球,提升系统的质感。所以我们也做了一个
图表
库
Ant
Design Charts。
Ant
Design of React Modal显示
数据
错乱
问题
需求 写一个Modal,来
展示
或者录入用户的
数据
。 问题 当修改一个用户的Modal后,再打开另一个用户的Modal,后一个用户显示的
数据
为前一个用户的
数据
,造成
数据
错乱
的问题。 这是在
Ant
Design官网上找到的答案 我...
支付宝小程序中使用
F2
图表
支付宝小程序中使用
F2
图表
介绍 最近在支付宝小程序开发中接到显示
图表
的需求,因为支付宝小程序方未提供相关插件,并且目前支付宝小程序不支持document,所以根据推荐使用
f2
-canvas
图表
组件。 由于
f2
-canvas 组件...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章