Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【问题】滚动条当内容较少的时候可以自动隐藏吗,或者该如何实现类似功能? #4726

Closed
KuduroJS opened this issue Mar 4, 2023 · 4 comments

Comments

@KuduroJS
Copy link

KuduroJS commented Mar 4, 2023

image

如图,数据是动态的,有时候可能很少,并不需要滚动条,这样显示滚动条是多余的。

1,是否官方有配置项,可以自动隐藏滚动条?
2,如果不能的话,是否有比较方便的方法,可以获取实际内容大小和view大小,比较一下,从配置项里关闭滚动条。

谢谢。

@KuduroJS KuduroJS changed the title 【问题】滚动条当内容较少的时候可以自动隐藏吗,或者我该如何实现类似功能? 【问题】滚动条当内容较少的时候可以自动隐藏吗,或者该如何实现类似功能? Mar 4, 2023
@MrMengJ
Copy link

MrMengJ commented Mar 12, 2023

image

如图,数据是动态的,有时候可能很少,并不需要滚动条,这样显示滚动条是多余的。

1,是否官方有配置项,可以自动隐藏滚动条? 2,如果不能的话,是否有比较方便的方法,可以获取实际内容大小和view大小,比较一下,从配置项里关闭滚动条。

谢谢。

你好,请问你解决这个问题了吗

@KuduroJS
Copy link
Author

image
如图,数据是动态的,有时候可能很少,并不需要滚动条,这样显示滚动条是多余的。
1,是否官方有配置项,可以自动隐藏滚动条? 2,如果不能的话,是否有比较方便的方法,可以获取实际内容大小和view大小,比较一下,从配置项里关闭滚动条。
谢谢。

你好,请问你解决这个问题了吗

没有呢

@PS-panda
Copy link

chart.on('afterpaint', () => {
const scrollbar = this.chart.getController('scrollbar')
// 两个值相等表示滚动条无法滚动
if (scrollbar.thumbLen === scrollbar.trackLen) {
// TODO
}
})

@hustcc
Copy link
Member

hustcc commented Aug 22, 2023

暂时不会内置自动隐藏的逻辑,需要再继续观察一下场景。

不过这个可以在外置做得到,通过看数据的大小,画布的大小,来决定是否显示 scrollbar 后者显示 ratio 是多少。

@hustcc hustcc closed this as completed Aug 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants