Question

我正在创建一个图表，使用jQuery＆amp; 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");

我想使用变量替换来更改'path'字符串： "M 500,500 aVal1,Val2 0 0,1 500,0"，所以当我更改滑块时，我也可以更改变量Val1＆amp; VAL2！

我该怎么做？

在滑块'调整大小'功能中，我试过： curve.attr("d", "M 500,500 a" + scopep + "," + scopep + " 0 0,1 500,0"); 但那没用！？！？

动态更改d3js / SVG弧参数

0 个答案: