在angular-nvd3散点图中画一条垂直线

<nvd3 [options]="chartOptions" [data]="chartData"></nvd3>

import { Component } from '@angular/core';

@Component({
  selector: 'app-scatter-chart',
  templateUrl: './scatter-chart.component.html',
  styleUrls: ['./scatter-chart.component.css']
})
export class ScatterChartComponent {
  chartOptions: any;
  chartData: any;

  constructor() {
    this.chartOptions = {
      chart: {
        type: 'scatterChart',
        height: 400,
        width: 600,
        showLegend: true,
        showControls: false,
        xAxis: {
          axisLabel: 'X Axis'
        },
        yAxis: {
          axisLabel: 'Y Axis'
        }
      }
    };

    this.chartData = [
      {
        key: 'Scatter Plot',
        values: [
          { x: 1, y: 2 },
          { x: 2, y: 4 },
          { x: 3, y: 6 },
          { x: 4, y: 8 },
          { x: 5, y: 10 }
        ]
      }
    ];
  }
}

this.chartData.push({
  key: 'Vertical Line',
  values: [
    { x: 3, y: 0 },
    { x: 3, y: 10 }
  ],
  color: '#ff0000',  // 设置线的颜色
  strokeWidth: 2,    // 设置线的宽度
  shape: 'line'      // 设置线的形状
});