Javascript 仅使用jQuery和plotly.js打印新的下拉选择

我正在试验plotly.js，并希望制作一个根据下拉选择进行更改的绘图。我还在代码中使用jQuery和引导。我遇到的问题是，当进行新选择时，它会在同一轴上重新绘制一条新线，而先前的线仍在绘图上，而不是完全重新绘制一个新图形来替换先前选择的图形。我试图探索jQuery中的.empty（）方法，但无法使其正常工作。谁能在下面的代码中发现我可以更改的内容，以便只绘制新的选择

HTML

---

我设法回答了自己的问题。我需要替换：

Plotly.plot()

与：

$('#plot-drop li').click( function(event) {
  event.preventDefault(); 
  TESTER = document.getElementById('tester');
  var val = $(this).attr('value');
  $("#plot-drop-button").html(val);
  var a = parseFloat(val);
  var trace1 = {x: [1, 2, 3, 4, 5], y: [1, 2, 4, 8, 16 + a] };
  var data = [trace1];
  Plotly.plot( TESTER, data, { margin: { t: 0 } } );
});

Plotly.plot()

Plotly.newPlot()