解决vcharts不兼容Echarts5 版本问题
2024-09-01根据报错信息来看,v-charts内所含子依赖"echarts-liquidfill"、"echarts-wordcloud"版本较低(elem团队已经4年未更新vcharts),再根据npm官网进行查询,发现最新echarts5.3.3关于此两子依赖为高版本,故不能兼容,此时只需要将此俩子依赖全部固定版本升级最新即可(根据echarts版本)解决了问题。若不需要考虑Echarts版本高低的问题,可以对Echarts进行降级使用。如果看不懂resolutions的,建议看我之前的博客。_echarts 5引入v-charts
vue实现酷炫可视化大屏
2024-06-18vue实现可视化大屏flexible的使用请自行参考网络上的文章,它是与rem做配合实现自适应的。这样就实现了,这里背景图用的是一个炫酷的视频,开发者可自行替换成自己的视频…引入vcharts以及flexible自适应布局的东西。采用vue-cli脚手架进行项目创建。首先看到上方目录结构进行主要分析。getTime.js工具类。_vue大屏可视化网址