牵牛星:如何在折线图中改变线条的颜色？

<div class="chart-container">
  <canvas id="line-chart"></canvas>
</div>

<style>
  .line-chart {
    border-color: blue; /* 修改线条颜色为蓝色 */
  }
</style>

<canvas id="line-chart"></canvas>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
  var ctx = document.getElementById('line-chart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [{
        label: 'Dataset',
        data: [10, 20, 30, 40, 50, 60, 70],
        borderColor: 'blue' // 修改线条颜色为蓝色
      }]
    },
    options: {
      // 配置项
    }
  });
</script>