移动端（小程序）混合开发下ECharts图横屏旋转

image.png

新建一个，将ECharts的html 通过iframe 方式引进去

 <style>
      body {
        margin: 0;
        overflow: hidden;
        transform: rotate(90deg);
        transform-origin: 50vw 50vw;
        width: 100vh;
        height: 100vw;
      }
      #container {
        width: 100vh;
        height: 100vw;
        border: 0;
      }
    </style>
 <iframe id="container" src="./canvas.html"></iframe>

可以实现旋转。
获取数据的链接，小程序通过url传递给 line-simple 界面，界面解析完成后，传递给canvas.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容