这可能不是最优雅的解决方案，但您可以：
1.创建标签，通过将它们收集在一起（使用 “集合转换” 删除重复项）
1.转换数据集以定义图表中的值/位置
1.设置属性spanGaps以避免间隙。

这里有一个简短的演示与提供的数据：

let DataSet_1 = {'2020': 6, '2021': 8, '2022': 10}
let DataSet_2 = {'2017': 5, '2019': 4, '2020': 9, '2022': 11}

// creates, lables, remove duplicates,
let labels =  [...new Set([ ...Object.keys(DataSet_1), ...Object.keys(DataSet_2) ])]
  .sort()

let converted_1 = labels.map( key => ({ x: key, y: DataSet_1[key]}));
let converted_2 = labels.map( key => ({ x: key, y: DataSet_2[key]}));

var options = {
    type: 'line',
    data: {
        datasets: [{
            type: 'line',
            label: 'DataSet_1',
            data: converted_1
        }, {
            type: 'line',
            label: 'DataSet_2',
            data: converted_2,
        }],
        labels: labels
    },
    maintainAspectRatio: false,
    legend: { display: false },
    options: {
        spanGaps: true,
    }
}

const chart = document.getElementById('chart1')
new Chart(chart, options);

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<div style="width:500px;height:184px">
   <canvas id="chart1" width="500" height="184"></canvas>
<div>