示例：折线图

折线图是展示数据随时间或序列变化趋势的常用图表类型。使用 Chart.js 可以轻松实现折线图的绘制和定制。

基础折线图示例

下面示例展示了如何创建一个响应式的折线图，包含数据点、颜色和简单动画。

(function () {
  const ctx = document.getElementById("myChart").getContext("2d");
  const myChart = new Chart(ctx, {
    type: "line",
    data: {
      labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
      datasets: [
        {
          label: "示例数据",
          data: [65, 59, 80, 81, 56, 55, 40],
          fill: false,
          borderColor: "rgb(75, 192, 192)",
          tension: 0.1,
        },
      ],
    },
    options: {
      responsive: true,
      plugins: {
        legend: { display: true },
        tooltip: { enabled: true },
      },
    },
  });
})();

演示

折线图演示

示例无法以 iframe 加载（请检查路径或将 demo 放到 public/）。