移动端图表的前端框架

教育   2024-08-13 11:29   四川  

【图表框架】

在PC端做的最好的就是echarts,由百度主导的,不过他们只适合做pc端,比如下面这个pc端的交互。echarts在移动端实现的时候,只是把图形缩小了而已,交互还是很难用。

再看看移动端的交互,这个是简单的交互

如果花点时间,可以做复杂一点,他们自己官方也有案例

看看支付宝成功的案例

产品经理在画图的时候,需要给前端做建议,让他们选择什么框架,要不然到时候实现不了效果,人家又开发完了,要返工,非常麻烦。

【组件框架】

在PC端,用的最多的框架就是 element 这个是 饿了么开源的框架,对前端来说,不用从头写样式,只需要把组件组合在一起就行了。


对产品来说,需要用标准化的组件,不要去抄袭对手,异想天开,导致人家前端无法使用现成的组建,最后导致工作量很大。

如果做移动端设计的时候,特别是你们没有UI,就参考移动端的网站,uni-app,他们的插件市场里面排名第一的插件,里面有成熟的前端样式

记住,产品经理画图的时候,需要用成熟的组建。在没有足够多的研发资源的时候,不要创新样式。如果你有足够多的设计和前端资源,那就可以做到最好。比如这个底部组件,你甚至都不需要,告诉前端组件的距离,用默认的就行了。

好了,产品经理在画原型图的时候,只需要告诉前端他需要用什么组建就可以了。不用把交互和细节说的太细,要不然人家会耻笑你。





数据产品之美
基金分析,LOF基金套利,基金实时估值
 最新文章