在一个宜搭大屏里面，可以实现EXCEL里面分sheet页，分不同的sheet页展示不同分类的内容吗？
现在有一个宜搭大屏，空间有限，想分类展示不同的内筒，例如有人员，产量等等不同类型的信息想展示，点击展示人员信息的时候全屏显示人员相关图表，其他信息隐藏，点击展示产量信息时，全屏展示产量相关信息，其他信息隐藏。实现类似这种功能。
展开
收起
来自：
钉钉宜搭
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
面对过去，不要迷离；面对未来，不必彷徨；活在今天，你只要把自己完全展示给别人看。
你的需求可以通过编程实现。这需要使用前端技术，如HTML、CSS和JavaScript，以及可能的库或框架，如jQuery或React。
基本的思路是：
- 为每种信息类型创建一个单独的"容器"或"模块"，这些容器在默认情况下是隐藏的。
- 当用户点击某个信息类型的按钮时，显示对应的容器，同时隐藏其他所有容器。
以下是一个基本的HTML和JavaScript示例，使用了jQuery库来实现这个功能：
<!DOCTYPE html> <html> <head> <title>宜搭大屏信息展示</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> .container { display: none; } </style> </head> <body> <button onclick="showInfo('人员')">人员信息</button> <button onclick="showInfo('产量')">产量信息</button> <div id="人员" class="container"> <!-- 在这里放置人员相关的图表 --> </div> <div id="产量" class="container"> <!-- 在这里放置产量相关的图表 --> </div> <script> function showInfo(infoType) { // 隐藏所有的容器 $('.container').hide(); // 显示选定的容器 $('#' + infoType).show(); } </script> </body> </html>在这个示例中，我们首先创建了两个按钮，分别用于显示人员信息和产量信息。然后，我们创建了两个容器，一个用于显示人员信息，另一个用于显示产量信息。默认情况下，这些容器都是隐藏的。
我们使用了一个名为
showInfo的JavaScript函数，该函数接受一个参数，表示要显示的信息类型。当用户点击一个按钮时，就会调用这个函数，并传入相应的信息类型。这个函数首先隐藏所有的容器，然后显示与传入的信息类型对应的容器。请注意，这只是一个基本的示例，你可能需要根据你的具体需求进行修改。例如，你可能需要添加更多的信息类型，或者使用更复杂的图表库来显示信息。
2024-03-04 14:30:45赞同 1 展开评论
相关问答
