在chart.js折线图上设置自定义X轴刻度，以了解距离与海拔的关系

Question

我从Chart.js开始，尝试制作一个海拔图，其中X轴上的距离和Y轴上的高程。我可以使用默认配置制作图表，但是在使X轴刻度线更加自定义时遇到问题。我希望X轴标签全部递增，而不是显示从数据中选择的随机数。换句话说，我希望X轴类似于“ 0 10 20 30 40 50”，而不是“ 0 2.24 11.89 23.54”。我正在尝试按以下方式进行操作，并且它在设置X轴刻度线方面有效，但是再也没有图形线了。

    chart = new Chart (canvas_id, {
	type: 'line',
	data: {
	    labels: distances,
	    datasets: [{
		label: 'Elevations',
		data: elevations
	    }
	    ]
	},
	options: {
	    scales: {
		xAxes: [{
		    display: true,
		    type: 'linear',
		    position: 'bottom',
		    ticks: {
			callback: function(value, index, values) {
			    return parseFloat(value).toFixed(2);
			},
			autoSkip: true,
			stepSize: increment,
			beginAtZero: true
		    }
		}],
		yAxes: [{
		    display: true,
		    ticks: {
			beginAtZero: true
		    }
		}]
	    }
	}
    });

这是这样的：

当我取出类型：线性线时，图形线会正确显示，但X轴再次是默认值。

有人能给我一个提示，告诉我如何用自己的刻度线绘制高程与距离的折线图吗？看来我可以得到直线或x轴，但不能同时获得。谢谢！