d3.js仪表指针随动态数据旋转

// 创建SVG容器
var svg = d3.select("body")
  .append("svg")
  .attr("width", 200)
  .attr("height", 200);

// 创建仪表盘背景
svg.append("circle")
  .attr("cx", 100)
  .attr("cy", 100)
  .attr("r", 80)
  .style("fill", "lightgray");

// 创建仪表指针
var pointer = svg.append("line")
  .attr("x1", 100)
  .attr("y1", 100)
  .attr("x2", 100)
  .attr("y2", 20)
  .style("stroke", "red")
  .style("stroke-width", 2);

// 更新仪表指针位置
function updatePointer(value) {
  var angle = value * 1.8; // 根据数据计算旋转角度
  pointer.attr("transform", "rotate(" + angle + ", 100, 100)");
}

// 模拟动态数据更新
setInterval(function() {
  var value = Math.random() * 100; // 生成随机数据
  updatePointer(value);
}, 1000);