Function 使用dat.gui修改函数的参数并修改其图形

晚上好

我使用plotly.js制作了一个3D函数图，并使用dat.gui向其中添加了一个控制器，该控制器修改了函数的一个参数。问题是，当修改参数时，它会在前一个函数的基础上绘制一个新函数，因此我想知道如何使这些图被替换而不重叠

我希望你能帮助我，我是javascript新手，我很迷茫

非常感谢

我附上代码：

var按钮\u层\u 1\u高度=1.2
var按钮\u层\u 2\u高度=1.1
var注释_偏移=0.04
//自定义全局变量
var gui，gui_G；
//我们需要的变量
var G=0.1，
var zPts=[]；
var xPts=[]；
var-yPts=[]；
//乌萨里奥国际组织
gui=新的dat.gui（）；
参数=
{   
preset1:函数（）{preset01（）；}，
};
//GUI——参数
var gui_parameters=gui.addFolder（'parameters'）；
G=0.1；
gui_G=gui_parameters.add（这个'G'）.name（'G='）；
gui_G.onChange（createGraph（））；
gui_G.设定值（1）；
预设01（）；
函数createGraph（）
{
对于（x=-3；x