ChartJS仅在最后一个点上设置样式

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');

var data = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [{
    label: 'My Dataset',
    data: [10, 20, 30, 40, 50, 60, 70],
    borderColor: 'rgba(255, 99, 132, 1)', // 设置线条颜色
    backgroundColor: 'rgba(255, 99, 132, 0.2)', // 设置填充颜色
    pointBackgroundColor: ['rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)'], // 设置数据点的背景颜色
    pointBorderColor: 'rgba(255, 99, 132, 1)', // 设置数据点的边框颜色
    pointRadius: [4, 4, 4, 4, 4, 4, 8] // 设置数据点的半径，最后一个点的半径为8
  }]
};

new Chart(ctx, {
  type: 'line',
  data: data,
  options: {}
});