使用Chartjs从JSON文件动态生成折线图

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

<canvas id="lineChart"></canvas>

{
  "labels": ["January", "February", "March", "April", "May", "June"],
  "datasets": [
    {
      "label": "Dataset 1",
      "data": [10, 20, 30, 40, 50, 60]
    },
    {
      "label": "Dataset 2",
      "data": [15, 25, 35, 45, 55, 65]
    }
  ]
}

const jsonData = '{"labels":["January","February","March","April","May","June"],"datasets":[{"label":"Dataset 1","data":[10,20,30,40,50,60]},{"label":"Dataset 2","data":[15,25,35,45,55,65]}]}';
const data = JSON.parse(jsonData);

const ctx = document.getElementById('lineChart').getContext('2d');
const lineChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: {
    // 可以在这里设置图表的样式、标题、坐标轴等配置
  }
});