超级会员免费看
本文介绍了如何在Vue中使用Echarts实现年月切换的柱状图展示，并讨论了柱状图的自适应功能。内容包括Echarts配置简化、月度年度切换方法、数据加载、柱状图绘制、拖拽X轴功能的实现以及自适应功能的实现，利用element-resize-detector监听元素宽度变化。同时，文章提到了在移动端可能出现的数据错乱问题及其解决方案，以及对接口请求的优化策略。
echarts配置文档参考：Documentation - Apache ECharts
功能：可进行月度、年度切换显示相应的收入和支出柱状图数据；
这里进行了柱状图的简化配置，X轴Y轴都有所改写，具体的简化配置下文会贴出代码，参照功能开发时按照自己的需要去处理；
这里也会提到在开发时会遇到的问题，以及延伸配置的其他功能介绍；
实现效果
页面代码
<div>
<van-tabs color=
订阅专栏 解锁全文
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
