chart.js-轴标签

Question

我试图弄清楚如何为我的数据创建一些自定义轴标签。我正在尝试绘制时间序列数据。我使用XY散点图来执行此操作。我的数据收集可能不正常。.

我的时间记录为Unix Epoch时间。 （1970年1月1日之后的毫秒）。我希望能够将人类可读的日期/时间放在x轴上。而不是显示时间。如何最好地解决？

http://6phrweatherstation.s3-website-ap-southeast-2.amazonaws.com

Answer 1

您要做的就是添加自定义壁虱回调。您可以在chartjs文档中进行了解。看一下：link。

回调为您提供每个标签的值。您可以对其进行编辑并返回编辑后的值。

function renderChart(data, labels) {
    var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'scatter',
        data: {
            labels: labels,
            datasets: [{
                label: '48 Hours Pressure History HPa',
                data: data,
                borderColor: 'rgba(75, 192, 192, 1)',
                backgroundColor: 'rgba(75, 192, 192, 0.2)',
            },
            ]
        },
        options: {
          scales: {
            xAxes: [{
              ticks: {
                callback: function(value) {
                  return new Date(value).getDate() +"-"+ new Date(value).getMonth() + "-"+new Date(value).getFullYear();
                }
              }
            }]
          }
        }
    });
}