d3.js绘图未显示在R闪亮绘图区域内

首先，让我承认我是d3.js新手。我已经相当习惯了R。我一直在d3.js中进行绘图，这要感谢stack overflow社区和一些可能的d3.js示例。我发现r2d3是连接R和d3.js绘图的一种模式，因此使用了相同的模式来构建连接

我在d3.js中创建了一个绘图，并希望将其与R输出连接起来。我能够将绘图连接到R。但情节总是从光彩夺目的情节区域出来

这是我的绘图在R区域中的外观：

请就以下事项提出建议：

• 如何在R区域内修复d3.js绘图

我的Ui.R代码如下：

column(d3Output("clplot"),width = 12)

  output$clplot <-r2d3::renderD3(
r2d3(data = cl_d3(),script="d3/cl_dilip_v1.js", d3_version = "5")

我的服务器代码如下：

column(d3Output("clplot"),width = 12)

  output$clplot <-r2d3::renderD3(
r2d3(data = cl_d3(),script="d3/cl_dilip_v1.js", d3_version = "5")

输出$clplot xScale（i））
.attr（“x”，函数（d）{返回d.x_值-13；}）
.attr（“y”，函数（d）{返回d.promotedprice-28；}）
.attr（“dy”，“.35em”）
.text（函数（d）{返回d.brand；}）
.style（“字体系列”、“arial”）
.style（“字体大小”，8）
.attr（“笔划宽度”，0.15）
.attr（“填充”、“白色”）；
函数dragstarted（d）{
d3.选择（this）.raise（）.classed（“活动”，true）；
}
函数（d）{
d3.select（this.select（“rect”）.attr（“y”，d.y=d3.event.y）；
//.attr（“x”，d.x=d3.event.x）
}
函数d（d）
{
d3.选择（此）.classed（“活动”，false）；
}

尝试删除这部分代码：

var svg=d3.select（“body”）.append（“svg”）
.attr（“宽度”，400）
.attr（“高度”，450）
尝试删除此部分代码：

var svg=d3.select（“body”）.append（“svg”）
.attr（“宽度”，400）
.attr（“高度”，450）
谢谢Pawel。这有帮助！谢谢你，波威尔。这有帮助！