正确操作JSON数据来创建D3面积图？

// 假设我们有一个名为data的JSON对象，包含时间和值的数据
var data = [
  { time: "2022-01-01", value: 10 },
  { time: "2022-02-01", value: 20 },
  { time: "2022-03-01", value: 15 },
  // 更多数据...
];

// 解析JSON数据
var parsedData = JSON.parse(data);

// 数据预处理（按时间排序）
parsedData.sort(function(a, b) {
  return new Date(a.time) - new Date(b.time);
});

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

// 定义比例尺
var xScale = d3.scaleTime()
  .domain(d3.extent(parsedData, function(d) { return new Date(d.time); }))
  .range([0, 500]);

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

// 创建面积生成器
var areaGenerator = d3.area()
  .x(function(d) { return xScale(new Date(d.time)); })
  .y0(300)
  .y1(function(d) { return yScale(d.value); });

// 绘制面积图
svg.append("path")
  .datum(parsedData)
  .attr("d", areaGenerator)
  .attr("fill", "steelblue")
  .attr("opacity", 0.5);