在TypeScript中键入D3 line.defined

import * as d3 from 'd3';

// 假设有一个包含坐标数据的数组
const data = [
  { x: 0, y: 0 },
  { x: 1, y: 1 },
  { x: 2, y: 2 },
  { x: 3, y: undefined }, // undefined表示跳过该点
  { x: 4, y: 4 },
  { x: 5, y: 5 },
];

// 创建一个定义了线条路径的函数
const line = d3.line()
  .x((d) => d.x) // x坐标的访问器函数
  .y((d) => d.y) // y坐标的访问器函数
  .defined((d) => d.y !== undefined); // 定义线条是否在该点上定义的函数

// 在SVG中绘制线条
const svg = d3.select('svg');
svg.append('path')
  .datum(data) // 绑定数据
  .attr('d', line) // 设置线条路径
  .attr('stroke', 'blue')
  .attr('fill', 'none');