基于用户需求的可视化交互模型,配合 ECharts 的高可扩展性,做了一个挺实用的数据组件。传统图表就是看个,有了这个组件你可以点一下图表就往下钻,比如柱状图点进去就能看子数据,挺像 BI 里那套操作。
支持柱状图、折线图、饼图这几类基础图表的切换,切得还挺顺滑。想从趋势看到占比?切一下就行。以前这些功能得自己写一堆事件和逻辑,现在用这个组件就能轻松搞定。
Drilldown 模型设计蛮巧妙,前端只需要好交互事件,后端数据结构设计好,基本就能做到多级钻取。比如用户点了某个月份的销售额,组件自动触发获取更细的城市或门店数据,体验还挺丝滑的。
整体来说,这个组件蛮适合信息系统、BI 报表甚至后台管理系统。如果你项目里用的是ECharts,可以考虑集成一下,既节省开发时间,又能给用户一个比较高级的交互体验。
哦对了,感兴趣的话可以顺手看看这些:
如果你正在搞可视化项目,又不想从头撸交互逻辑,可以直接借鉴这个思路,或者拆了组件做二次封装也行,灵活得。