javascript - Chartjs - 如何在 x 轴标签上获取过去 7 天的数据？

Question

我试图在折线图的 x 轴上获取过去 7 天的数据(使用 Chartjs)。最好的方法是什么？

谢谢

Answer 1

您可以使用以下代码实例化过去 7 天的图表:

let start = new Date(),
  end = new Date();

start.setDate(start.getDate() - 7); // set to 'now' minus 7 days.
start.setHours(0, 0, 0, 0); // set to midnight.

new Chart(document.getElementById("chart"), {
  type: "line",
  options: {
    scales: {
      xAxes: [{
        type: "time",
        time: {
          min: start,
          max: end,
          unit: "day"
        }
      }]
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<canvas id="chart"></canvas>

日期算术之所以有效，是因为 Date object auto correcting itself当该值对于设置的月份无效时。

您需要提供 x(或 t)和 y 属性的值，as specified in the documentation .