echart大小和位置无法跟随屏幕变化而变化

登录

我想让echart图表跟随页面缩放而缩放，误打误撞的设置左边距为50%，发现能跟随缩放了，左边距设置成0-50%，他跟随页面变化的变形程度会慢慢增加，但是仍然不能够和活字格的背景图片完全跟随。我后来又设置了活字格echar单元格的其中一列为自适应模式，发现表能轻微跟随。

anjx · anjx

本人代码小白，想用活字格做个三维大屏，我感觉还是很有戏的，就差这一步感觉就成了

David.Zhong · David.Zhong

大佬，看起来应该是背景图片的问题，你这灰色的背景是针对整个页面设置的，拉伸的时候是计算整个页面的比例。

取消掉，单独给左边这几列设置背景图片试试。

anjx · anjx

David.Zhong 发表于 2023-8-24 11:24
大佬，看起来应该是背景图片的问题，你这灰色的背景是针对整个页面设置的，拉伸的时候是计算整个页面的比例 ...

大佬我依据你的方法弄了下，在窗口小的时候确实有用，但是窗口大的时候再继续拉伸，页面的其他元素的位置都随着拉伸变化了，但是echart表的部分还是不动。

anjx · anjx

David.Zhong 发表于 2023-8-24 11:24
大佬，看起来应该是背景图片的问题，你这灰色的背景是针对整个页面设置的，拉伸的时候是计算整个页面的比例 ...

修改后，这个问题得用大点的屏幕才会看出来。这样的话以后用户用不同大小的屏幕就会有问题

David.Zhong · David.Zhong

大佬把css去掉试试，不清楚大佬加这个css的意义在哪。

anjx · anjx

David.Zhong 发表于 2023-8-24 12:17
大佬把css去掉试试，不清楚大佬加这个css的意义在哪。

没有css的时候echart不会随着屏幕变化而变化。后来设置左边距为50%，发现echart图表能跟随缩放了。表现出来就是第一个压缩包那个视频。加这个css只是我尝试把echart图能随着屏幕一起动的方法，没啥别的用。

anjx · anjx

David.Zhong 发表于 2023-8-24 12:17
大佬把css去掉试试，不清楚大佬加这个css的意义在哪。

看echart图表后面那部分图片，屏幕横向拉伸后错位了，原因是echart图表没有跟着拉伸，而图片跟着拉伸了

David.Zhong · David.Zhong

css代码相关的内容，我们也不是很懂，这个就需要大佬自行研究了哈~加油。

		自动登录	找回密码
密码			立即注册

[已处理] echart大小和位置无法跟随屏幕变化而变化