如何在Javascript和D3.js线图上绘制实时数据，这些数据来自通过stomp.js的web套接字消息？

// 引入D3.js和stomp.js库

// 创建SVG元素
var svg = d3.select("#chart")
  .append("svg")
  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

// 建立与WebSocket服务器的连接
var client = Stomp.client('ws://localhost:8080/ws');
client.connect({}, function() {
  // 订阅实时数据的消息主题
  client.subscribe('/topic/data', function(message) {
    // 解析数据并添加到绘图数据集中
    var data = JSON.parse(message.body);
    dataset.push(data);

    // 更新线图
    updateChart();
  });
});

// 更新线图函数
function updateChart() {
  // 创建线性比例尺
  var xScale = d3.scaleLinear()
    .domain([0, dataset.length - 1])
    .range([0, width]);

  var yScale = d3.scaleLinear()
    .domain([0, d3.max(dataset, function(d) { return d.value; })])
    .range([height, 0]);

  // 创建线图路径
  var line = d3.line()
    .x(function(d, i) { return xScale(i); })
    .y(function(d) { return yScale(d.value); });

  // 绘制线图
  svg.append("path")
    .datum(dataset)
    .attr("class", "line")
    .attr("d", line);
}