在闪亮的应用程序中使用2 actionButtons在3个绘图之间切换
在闪亮的应用程序中使用2个actionButtons在3个绘图之间切换，可以通过以下步骤实现：
- 首先，确保你已经熟悉前端开发，并且了解HTML、CSS和JavaScript等相关技术。
- 创建一个HTML页面，包含一个容器用于显示绘图，并添加两个按钮用于切换绘图。
<!DOCTYPE html>
<html>
<head>
<title>闪亮的应用程序</title>
<style>
#chartContainer {
width: 400px;
height: 300px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div id="chartContainer"></div>
<button id="button1">绘图1</button>
<button id="button2">绘图2</button>
<script src="your-script.js"></script>
</body>
</html>- 在JavaScript文件（your-script.js）中，使用合适的绘图库（例如Chart.js、D3.js等）来创建绘图，并通过按钮切换不同的绘图。
// 引入绘图库
// 例如：import Chart from 'chart.js';
// 获取按钮和绘图容器的引用
const button1 = document.getElementById('button1');
const button2 = document.getElementById('button2');
const chartContainer = document.getElementById('chartContainer');
// 创建绘图对象
// 例如：const chart = new Chart(chartContainer, { ... });
// 绑定按钮点击事件
button1.addEventListener('click', () => {
// 切换到绘图1
// 例如：chart.data = data1;
// 例如：chart.update();
});
button2.addEventListener('click', () => {
// 切换到绘图2
// 例如：chart.data = data2;
// 例如：chart.update();
});- 根据实际需求，你可以使用不同的绘图库和数据来创建绘图。根据绘图库的文档和示例，调整代码以适应你的应用程序。
这样，当用户点击按钮时，绘图将根据你的代码进行切换。你可以根据需要添加更多的按钮和绘图，以实现更复杂的交互效果。
注意：以上代码只是一个示例，实际实现可能因具体情况而异。在实际开发中，你可能需要根据你的应用程序需求进行适当的调整和优化。
关于云计算和IT互联网领域的名词词汇，可以参考腾讯云的文档和知识库，例如：
- 云计算概念：https://cloud.tencent.com/document/product/213/11518
- 前端开发：https://cloud.tencent.com/document/product/213/10578
- 后端开发：https://cloud.tencent.com/document/product/213/10579
- 软件测试：https://cloud.tencent.com/document/product/213/10580
- 数据库：https://cloud.tencent.com/document/product/213/10581
- 服务器运维：https://cloud.tencent.com/document/product/213/10582
- 云原生：https://cloud.tencent.com/document/product/213/10583
- 网络通信：https://cloud.tencent.com/document/product/213/10584
- 网络安全：https://cloud.tencent.com/document/product/213/10585
- 音视频：https://cloud.tencent.com/document/product/213/10586
- 多媒体处理：https://cloud.tencent.com/document/product/213/10587
- 人工智能：https://cloud.tencent.com/document/product/213/10588
- 物联网：https://cloud.tencent.com/document/product/213/10589
- 移动开发：https://cloud.tencent.com/document/product/213/10590
- 存储：https://cloud.tencent.com/document/product/213/10591
- 区块链：https://cloud.tencent.com/document/product/213/10592
- 元宇宙：https://cloud.tencent.com/document/product/213/10593
请注意，以上链接仅为示例，实际上可能需要根据具体的名词词汇进行搜索和查找。
相关·内容
我有一个shiny应用程序，在它下面应该会显示iris数据集的绘图。如果按下Datatable，它将显示iris数据集的数据表，如果再次按下，它将再次显示iris数据集的初始绘图。如果按下Iris3，则应显示iris3数据集的绘图，如果再次按下，则应再次显示iris数据集的初始绘图。if (showPlot()){ }
浏览 21提问于2021-04-20得票数 0
回答已采纳
1回答
我计划在我正在构建的一个闪亮的应用程序中包括一个条件面板。该面板以输入操作按钮的值为条件。conditionalPanel(
condition = " input.<action_butt
浏览 2提问于2016-02-23得票数 3
2回答
我正在创建一个闪亮的应用程序，用户可以通过单击单选按钮在不同的情节之间切换。我在问题中遵循了cmaher的建议，但我发现我只能切换一次。第二次给了我一个空白输出。为什么在单击按钮时不重新呈现绘图输出？那该怎么做呢？MWE：PlotA <- reactive
浏览 5提问于2020-03-12得票数 2
回答已采纳
我正在用这个UI构建一个闪亮的应用程序。"PLAY-BY-PLAY"),
div(style = "position:absolute;right:2em不幸的是，style不是我想要的，因为它把那些actionButtons放在比标题更低的水平上(NHL徽标逐个播放) 📷 如何更改style以使我的</
浏览 24提问于2019-02-05得票数 1
回答已采纳
如果我在一个绘图(绘图)图表呈现/loading的中间更改了我闪亮的仪表板中的选项卡，然后在加载完成后返回到该选项卡，图表将被创建，但将被压缩。
解决这个问题的唯一方法是确保在plot is loading.This时不要更换标签，因为应用程序的用户可能会不断切换标签，最终以这种压缩格式创建我的图表，并不得不重
浏览 1提问于2017-06-16得票数 3
我正在执行一个发布在下面的DT github页面上的非常小的renderDataTable示例shinyApp(
devtools::install_github('rstudio/DT')
什么都没有改变，结果仍然是一样的<
浏览 3提问于2016-05-23得票数 4
1回答
在输入错误的情况下，Plotly不移除绘图容器(见屏幕快照)，而闪亮的错误div是父div的同级(本例中为trendPlot )，而不是像使用rCharts替换高图图这样的绘图库那样替换绘图容器。是否有办法使绘图容器在一个闪亮的输入错误中消失？
应用程序</em
浏览 1提问于2017-03-07得票数 0
回答已采纳
0回答
我有一个闪亮的应用程序，在应用程序中绘制一些ggplot2图。现在，我正在将其制作成一个包，并将绘图导出为函数。我发现，一旦我在RStudio中绘制了一些RStudio，并启动了我闪亮的应用程序，那么我闪亮的应用程序中的所有绘图都会进入ggplot窗格。这个
浏览 4提问于2017-12-08得票数 3
回答已采纳
我有一个闪亮的应用程序，在下面最初应该是空白的。当我按"Show plot"时，绘图应该会显示，当我按"Hide Plot"时，绘图应该是隐藏的。
浏览 28提问于2021-04-07得票数 1
回答已采纳
我现在读了几遍关于反应性编程的精彩文档，但我无法正确理解observeEvent和eventReactive之间的区别。使用eventReactive创建仅针对事件进行更新的计算值。这就像一个正常的反应表达式，除了它忽略了所有来自它的反应依赖的通常的失效；
在我尝试过的所有情
浏览 10提问于2015-11-04得票数 95
回答已采纳
1回答
我已经开发了一个闪亮的应用程序，其中一些部分产生了一些结果。还有另一个部分，可以选择以HTML格式下载应用程序中完成的绘图。当我在R环境中时，它可以工作，但它可以工作，因为我在同一个文件夹中有闪亮的应用程序文件.R和R标记文件.Rmd。但是当我在浏览器中上传应用程序时，这个闪亮的应用程
浏览 15提问于2021-06-26得票数 0
我有下面的shiny应用程序，我想使用相同的actionButton()在绘图(默认)和它的表格之间切换。
浏览 23提问于2021-04-19得票数 0
回答已采纳
我编写了一个运行正常且没有错误的闪亮应用程序，但每次我运行该程序时，都会在RStudio的Viewer中绘制出ggplot()，但我希望它出现在主面板中。如何让它在我闪亮的应用程序的mainPanel中切换和绘图？
在我的代码中，我的mainPanel不在我的sidebarPanel中
浏览 0提问于2018-03-28得票数 1
回答已采纳
$show.tbl == 1) })因此，我希望这个列中每一行都有两个按钮第二个按钮应该做一个复杂的验证算法。在我闪闪发亮的宇宙中，解决方案将是革命性的。thx
浏览 0提问于2018-11-30得票数 0
回答已采纳
如果在我的闪亮应用程序中有多个动态生成的actionButtons，有什么方法可以知道单击了哪个actionButton并使用单击按钮的Id执行一些计算？
浏览 3提问于2014-07-10得票数 5
我正在尝试用多个actionButtons创建一个闪亮的应用程序，将唯一的文本呈现给同一个varbatimTextOutput。我希望它像这样工作，在这里，按钮1和2将不同的文本打印到同一个地方：以下是我尝试过的： actionButton("button12!")输出到相同的位置，但是只有Button <em
浏览 9提问于2022-11-30得票数 1
回答已采纳
ggplot2能够导出像SVG这样的向量格式的图形。用plotOutput()渲染的图幅以PNG格式呈现。是否有可能以SVG格式渲染闪亮的情节？
浏览 3提问于2020-02-24得票数 1
回答已采纳
我每天更新我的RData文件，通过cron的工作为我的闪亮的应用程序。然而，闪亮的应用程序大部分时间都不会选择更新，而是会继续显示旧RData文件中的旧数据。
这里是最小可重现性的例子。当从我的桌面上执行data_processing.R时，它工作得很好。然而，当它是在一个发亮的服务器上完成时，闪亮的<
浏览 2提问于2017-10-12得票数 9
回答已采纳
1回答
我想使用ggvis进行数据探索(因为我熟悉ggplot2)，而且由于我的数据集中有许多组，因此能够选择和取消选择组以进行不同的特定(数据)比较将是非常有帮助的。set.seed(10)library(ggvis)dat %>% ggvis(~x, ~y) %>% layer_points(fill=input_check
浏览 0提问于2015-06-26得票数 1
我无法创建一个闪亮的应用程序：
PS:为发布一个概念性查询而不共享任何特定代码而道歉
浏览 0提问于2018-06-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
