1.用echart在手机上做了一个折线图,x轴是显示的当月日期,由于x轴内容过多无法清晰的查看,所以想用横屏的方式,尽可能把一个月30天都在x轴上不重叠的显示(知道echart的滚动条可以拉伸,但是需求是要做横屏的比较方便查看);
2.我用网上找的方法,旋转了页面确实可以横屏查看了,但是在使用x轴的绑定点击事件时发现,折线图只是看起来横屏了,实际的坐标数据并没有随着页面旋转而旋转。
不知道怎么办了,求大神帮忙
页面是mui做的,代码如下:
@media screen and (orientation: portrait) {
.main {
-webkit-transform:rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 100vh;
height: 100vh;
overflow: hidden;
background-color: #FFFFFF;
}
}
@media screen and (orientation: landscape) {
.main {
-webkit-transform:rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);</