Jquery 动态更改d3js/SVG圆弧参数

我正在使用jQuery和d3js创建一个图形。 使用jQuery，我创建了一个范围滑块，我的目标是使用中的值来动态调整图的范围

var canvasheight = 800;
var canvaswidth = 1500;
$(document).ready(function(){
// Canvas
var svgContainer = d3.select('body').append('svg')
  .attr('id', 'svgContainer')
  .attr('height', canvasheight)
  .attr('width', canvaswidth);
var curve = svgContainer.append('path')        
  .attr('id', "curve")
  .attr('d', "M 500,500 a1000,1000 0 0,1 500,0")
  .attr('style', "fill:none; stroke:red; stroke-width:6");

我想使用变量替换来更改“路径”字符串：

“M 500500 aVal1，Val2 0,1 500,0”

，因此当我更改滑块时，我还可以更改变量Val1和Val2

我该怎么做

在滑块“调整大小”功能中，我尝试了：

curve.attr（“d”、“M50500A”+scopep+”、“+scopep+”0,1500,0”）
但那没用
 您提供的代码似乎没有任何问题，您确定
scopep
是有效值吗？这里是一个例子，如果你点击SVG中的任何地方，它都会更新弧。我将它改为：
curve.attr（“d”，“M 500500A”+yval+，“+yval+”0 0,1 500,0”）至
$（“#曲线”）.attr（'d'，“M50500A”+yval+，“+yval+”0.0,1500,0”）使它对我起作用