如何在JavaScript中通过遍历字典在chart.js的折线图中添加新的数据集？

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

// 创建一个空的数据对象
var data = {
  labels: [], // x轴标签
  datasets: [] // 数据集
};

// 获取canvas元素
var ctx = document.getElementById('myChart').getContext('2d');

// 创建图表
var myChart = new Chart(ctx, {
  type: 'line',
  data: data
});

// 定义一个字典，包含新的数据集
var newData = {
  label: '新数据集',
  data: [10, 20, 30, 40, 50], // 数据点
  backgroundColor: 'rgba(0, 0, 255, 0.5)', // 数据集背景颜色
  borderColor: 'blue', // 数据集边框颜色
  borderWidth: 1 // 数据集边框宽度
};

// 遍历字典，将新的数据集添加到图表中
for (var key in newData) {
  if (newData.hasOwnProperty(key)) {
    myChart.data.datasets.push(newData[key]);
  }
}

// 更新图表
myChart.update();