echarts 横坐标显示一个月_如何实现Echart折线图的横屏显示。

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);

transform: rota