微信小程序ucharts如何实现横屏展示功能？

本文共计1137个文字，预计阅读时间需要5分钟。

目录+前言+实现思路+实现步骤

1.添加一个按钮用于启动横屏模式

2.准备一个容器

总结+前言+由于手机屏幕宽度的限制，当数据量较大时，观看体验并不理想。因此，横屏展示的功能尤为重要。“

目录

• 前言
• 实现思路
• 实现步骤
• 1. 添加一个按钮用来开启横屏模式
• 2. 准备一个容器
• 总结

前言

由于手机屏幕宽度的限制，当数据量较大时，观看体验并不是很好，因此横屏展示的功能就显得必要了，还好ucharts官方提供了横屏展示的功能，可以免去自己手改的麻烦，不过在实现的时候还是需要注意一些地方。

本文只贴出了部分关键实现代码而非全部代码，仅提供思路和实现参考。

实现思路

开启横屏显示的配置如下：

opts: { rotate: true, }

现在只需要在页面中提供一个按钮作为入口，动态改变opts.rotate的值，然后提供一个用来横屏展示的容器就可以了。