简介
最近项目需要绘制一批图表控件,于是使用了MPChatAndroid
框架,但是里面没有漏斗图,网上也没有合适的漏斗图。于是,只能自己造轮子咯。已开源至github:FunnelView,感兴趣的可以fork,star
效果
直接放图:
效果 | 图片 |
---|---|
默认效果 | view1.png
|
自定义描述文字 | view2.png
|
自定义宽度伸缩策略 | view3.png
|
使用
Step1
在你的root build.gradle中添加:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
在你的app build.gradle中添加:
dependencies {
implementation 'com.github.Jay-huangjie:FunnelView:v1.1'
}
最新版本去github看
Step2
如果你只需要默认样式,只需两步即可使用:
- 数据源继承
IFunnelData
接口 - 调用
setChartData
方法将数据源设置进去即可
注意:绘制的顺序是从下往上,所以如果你希望你的数据源是从上往下排列,需要调用Collections.reverse(List<?> list);
方法将集合结果反转
关于高级用法见README
原理
大概的一个思路是,先确定好漏斗的最下方的中心点centerX
,然后往两边绘制,利用path
逐级往上绘制。通过每次增加一个halfWidth
的宽度来达到漏斗的效果,而这个宽度完全可以自定义,所以在适配上有无限的可能,从而达到适配目的。