显示带有Charts.js的{x，y}折线图，在等距x轴上具有非等距数据点

Question

我想使用Charts.js（在ASP.NET项目中）创建具有非等值的折线图。但是，x轴的比例应该是线性的。

时间值例如是这样的： [0，0.3268295056139709，1.4546882623967599，6.25468826239676，6.55468826239676，8.35468826239676，10，13.3，16.6，19.9，21.7，53.199999999999996，86.2，121.3，158.5，198.1，240.7，286.59999999999997，336.09999999999，59，390.0 590，594.8，598.754569678507，599.354569678507，599.954569678507]

例如，我想在0-600的x轴上显示此步长为20。现在是这样的：

我试图将x轴的标签设置为某些值（[0,100,200,300 ...]），但是仅显示数据数组的前6个值。我还尝试为x轴定义步长，但这没有任何区别。

您有什么想法吗？还是不可能？

var plotdatalong = [];
            for (var i = 0; i < longtime.length; i++) {
                plotdatalong.push({ 'x': longtime[i], 'y': longvalue[i] });
            }

            var ctx = $("#longtimeUsage");
            var longtime = new Chart(ctx, {
                type: 'line',
                data: {
                    labels: longtime,
                    datasets: [
                        {
                            data: plotdatalong
                        }

                    ]
                },
                options: {
                    maintainAspectRatio: false,
                    scales: {
                        yAxes: [{ ticks: { beginAtZero: true } }],
                        xAxes: [{ stepSize: 50 }]
                    },
                    legend: { sidplay: false }

                },
            })