可视化组件复盘-现金流量表
没有仔细确认交互
我一开始口头沟通,以为就只是两侧模糊阴影,然后就按照自己的理解去配置了。
等我配置好了,准备JIRA提交任务的时候,按照他们的需求文档验收,结果发现有很多细节交互我压根没看。。。
比如:
- 我以为是PC端的页面,其实是移动端的,他们有个长按的交互
- 默认展示的数据有要求
- 柱子宽度是固定的(series.bar.rectWidth仅在坐标轴为连续型坐标轴,比如linear、time等,才生效;而柱状图默认是band,用linear不行)
- 个别柱子的数值有特殊展示逻辑
- ……

没有找对方拿UI稿
完全自己瞎配置。。。这样肯定一堆问题。
解决方案
固定柱子宽度
series.bar.rectWidth仅在坐标轴为连续型坐标轴,比如linear、time等,才生效;而柱状图默认是band,用linear不行
柱子宽度是根据paddingInner和paddingOuter百分比计算得到的,那么就得在每次数据确认之后、绘制之前,动态设置这2个的数值,来计算宽度。
Y轴label长度不固定
有的公司是3位数,有的是四位数
还是没有在一开始就确定极限数据,失算了,经验不足啊