如何在amchart4折线图(XY)上显示第一个和最后一个数据点

// 导入amCharts4库
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";

// 创建图表实例
let chart = am4core.create("chartdiv", am4charts.XYChart);

// 设置图表配置参数
chart.data = [...]; // 设置图表数据
chart.xAxes.push(new am4charts.ValueAxis()); // 添加X轴
chart.yAxes.push(new am4charts.ValueAxis()); // 添加Y轴
// 添加其他配置参数...

// 创建折线图系列
let series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueX = "xValue"; // 设置X轴数据字段
series.dataFields.valueY = "yValue"; // 设置Y轴数据字段
// 添加其他系列配置参数...

// 获取第一个和最后一个数据点
let firstDataPoint = chart.data[0];
let lastDataPoint = chart.data[chart.data.length - 1];

// 创建第一个数据点的图形元素
let firstBullet = series.bullets.push(new am4charts.CircleBullet());
firstBullet.circle.radius = 5; // 设置图形元素半径
firstBullet.circle.fill = am4core.color("#FF0000"); // 设置图形元素填充颜色
firstBullet.circle.stroke = am4core.color("#FFFFFF"); // 设置图形元素边框颜色
firstBullet.circle.strokeWidth = 2; // 设置图形元素边框宽度
firstBullet.locationX = 0; // 设置图形元素在X轴上的位置
firstBullet.tooltipText = "Value: {valueY}"; // 设置图形元素的提示文本
firstBullet.tooltip.getFillFromObject = false;
firstBullet.tooltip.background.fill = am4core.color("#000000"); // 设置提示框背景颜色
firstBullet.tooltip.background.stroke = am4core.color("#FFFFFF"); // 设置提示框边框颜色

// 创建最后一个数据点的图形元素
let lastBullet = series.bullets.push(new am4charts.CircleBullet());
lastBullet.circle.radius = 5;
lastBullet.circle.fill = am4core.color("#00FF00");
lastBullet.circle.stroke = am4core.color("#FFFFFF");
lastBullet.circle.strokeWidth = 2;
lastBullet.locationX = 1;
lastBullet.tooltipText = "Value: {valueY}";
lastBullet.tooltip.getFillFromObject = false;
lastBullet.tooltip.background.fill = am4core.color("#000000");
lastBullet.tooltip.background.stroke = am4core.color("#FFFFFF");