可视化组件复盘-现金流量表

没有仔细确认交互

我一开始口头沟通,以为就只是两侧模糊阴影,然后就按照自己的理解去配置了。

等我配置好了,准备JIRA提交任务的时候,按照他们的需求文档验收,结果发现有很多细节交互我压根没看。。。

比如:

  • 我以为是PC端的页面,其实是移动端的,他们有个长按的交互
  • 默认展示的数据有要求
  • 柱子宽度是固定的(series.bar.rectWidth仅在坐标轴为连续型坐标轴,比如linear、time等,才生效;而柱状图默认是band,用linear不行)
  • 个别柱子的数值有特殊展示逻辑
  • ……

mzy

没有找对方拿UI稿

完全自己瞎配置。。。这样肯定一堆问题。

解决方案

固定柱子宽度

series.bar.rectWidth仅在坐标轴为连续型坐标轴,比如linear、time等,才生效;而柱状图默认是band,用linear不行

柱子宽度是根据paddingInner和paddingOuter百分比计算得到的,那么就得在每次数据确认之后、绘制之前,动态设置这2个的数值,来计算宽度。

Y轴label长度不固定

有的公司是3位数,有的是四位数

还是没有在一开始就确定极限数据,失算了,经验不足啊

遗漏了tooltip的配置工作量