Javascript 数据在chart.js上相互关联

在Chart.js中，剪切最后一个单元格，因此数据将一个单元格放到另一个单元格中。我怎样才能修好它？

这是我的配置

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: []
    },
    options: {
        scales: {
            xAxes: [{
                type: 'time',
                time: {                              
                    displayFormats: {
                        quarter: 'MMM YYYY'
                    },
                }
            }]
        },
        responsive: false,
        maintainAspectRatio:false,
        legend: {
            display: false
        }
    }
});

---

由于您没有提供图表配置，我假设您使用的是基于发布图像的时间刻度

不幸的是，由于所有格式的变化和可能性，chart.js有时无法自动拟合时间刻度x轴。你可以做两件事中的一件来解决这个问题。可以扩展图表容器的大小（以便有更多的空间渲染图表），也可以手动配置时间刻度以优化其外观

例如，您可以使用

time.unit

属性以“秒”为单位显示刻度。以下是相关配置：

scales: {
  xAxes: [{
    gridLines: {
      display: false,
    },
    type: "time",
    time: {
      unit: 'second',
    }
  }]
}

这里有一个例子来说明我的意思

---

但需要记住的一点是，配置的单元需要对图形中的数据有意义。例如，如果您尝试使用

秒的时间单位

，但您的数据跨越多个小时或一天，那么它可能会使页面崩溃（因为在这种情况下，chart.js尝试绘制数千条网格线/刻度线…每秒钟一条）

您使用的是时间刻度吗？你能发布你的chart.js配置吗？谢谢，但当我为xAxes设置此选项时，页面会挂起（可能是因为数据格式的原因？我从secondsSorry的JSON中获取它们，该示例中的数据跨越了多天，因此切换到

单位。秒

会导致崩溃，因为chart.js试图每秒呈现一个轴刻度（跨越5天以上）。请参阅我在回答中更新的codepen示例。除了我的上述评论外，我还将数据的数量级更改为“秒”@TanyaMelnyk……请确保您使用的任何时间单位对您的数据都有意义。如果您的数据点跨越多个小时或一天，那么秒将无法工作。@TanyaMelnyk您的意思是什么“最后一整列”？你能解释一下你想要的是什么吗？试着使用时间刻度并将最大值设置为比数据大一个单位或2。