ChartJs:点之间的不同颜色填充使线条straight...need曲线(lineTension)

var ctx = document.getElementById('myChart').getContext('2d');
var gradient = ctx.createLinearGradient(0, 0, 0, 400); // 创建线性渐变对象
gradient.addColorStop(0, 'rgba(255, 0, 0, 1)'); // 设置起始颜色
gradient.addColorStop(1, 'rgba(0, 255, 0, 1)'); // 设置结束颜色

var chart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [{
      label: 'My Dataset',
      data: [10, 20, 30, 40, 50, 60, 70],
      backgroundColor: gradient, // 使用渐变填充
      borderColor: 'rgba(0, 0, 0, 1)',
      borderWidth: 1
    }]
  },
  options: {
    // 其他配置选项
  }
});