- 博客(2)
- 收藏
- 关注
原创 echarts大屏开发屏幕适配方案
这里我们把源码中的这段代码改成24,因为pc端设计稿一般是1920*1080,如果是10的话,跟字体192px太大了,导致转换为rem数字太小。接下来,我们在点开vscode的设置,搜索px2rem.rootFontSize,将值设置为80,以为1920 / 24值为80。这个时候我们敲代码,可以按照给的1920*1080的设计稿进行敲,例如:100px会自动转化为1.25rem。光引入flexible.js还不够,我们需要下载一个插件让我们开发更加容易,选择如下插件。到这里,我们就解决了大屏的适配问题。
2022-10-27 15:21:20 2050 1
原创 “TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)“
最近在开发大屏,使用Echarts结合Vue,在渲染图表时出现了这个错误,到处查资料,得出一个结论:在调用 ecahrts.init() 时,dom元素还没有挂载,所以 init() 函数执行失败。网上有很多解决办法,例如:把echarts渲染函数放在 mounted 钩子函数里而不是created 钩子函数里面,或者在渲染时使用 $nextTick 进行包裹echarts渲染函数,两者我都试了,并没有用。最后发现是ecahrts图表销毁函数使用导致的出错。
2022-10-27 14:24:44 7117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人