61,126
社区成员
发帖
与我相关
我的任务
分享ant F2 图表多分类数据切换展示滑动会出现错乱抖动
使用
...全文
请发表友善的回复…
发表回复
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
}
})
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
- 打赏
- 举报
俺也一样，兄弟怎么解决的
