这可能是Chart.js缺少的更有用（也是简单）的特性之一。如果你没有多个标签/数据集，我的代码大部分应该已经工作了，这也是我试图弄清楚的。我们只需要解决最后几个细节，我们就有了一个很棒的新特性。
对于上下文，我使用的是折线图，我使用的是Chart.js的3.5.1版本，但这也适用于最新版本（截至2023年2月的4.2.1）
我们可以使用myChart.getActiveElements();来获取当前选中的元素。
例如，我们可以使用它以编程方式显示工具提示... myChart.tooltip.setActiveElements([{ datasetIndex: 1, index: 1 }]);myChart.update();
所以在图表中导航应该不是那么困难。
这是我正在修改的代码。

const myChart = Chart.getChart("myChart"); // make sure to replace the "myChart"
var active_element;

document.addEventListener('keydown', event => {
 active_element = myChart.getActiveElements();
  if ( ! active_element.length ) { 
    myChart.setActiveElements([{ datasetIndex: 0, index: 0 }]);
    myChart.tooltip.setActiveElements([{ datasetIndex: 0, index: 0 }]);
    myChart.update();
    active_element = myChart.getActiveElements();
  }

  const active = active_element[0];
  const dataset = myChart.data.datasets[active.datasetIndex];
  const data = dataset.data;
  let index = active.index;
  if ( event.code === 'ArrowLeft' ) {
    index = index > 0 ? index - 1 : data.length - 1;
  } else if ( event.code === 'ArrowRight' ) {
    index = index < data.length - 1 ? index + 1 : 0;
  }
  console.log('active', active.datasetIndex);
  console.log('index ', index);
  myChart.setActiveElements([{ datasetIndex: active.datasetIndex, index }]);
  myChart.tooltip.setActiveElements([{ datasetIndex: active.datasetIndex, index }]);
  myChart.update();

});

我遇到的主要问题是每个x轴点有多个标签（多个数据集）。

我们需要克服的另一个障碍是，当您将鼠标放在图表上时，您将始终拥有相同的活动chartElement...目前，将鼠标放在图表上会阻止它工作。因此，我们不允许这样做，而是简单地从一开始就触发第0个元素，存储值，并在将来更新时使用该值。目前这很好，但最终应该得到解决。
这是一个非常基本的无障碍功能，我想我们都很惊讶它在默认情况下是不可用的。人们至少从2016年就开始要求它了，你可以在这里看到：https://github.com/chartjs/Chart.js/issues/1976
我就快找到一个可行的解决方案了，这段代码可以在任何折线图上运行，你只需要编辑第一行代码const myChart = Chart.getChart("your_chart_here");
我们开始吧！！