Javascript Chart JS Crosshair-无链接图例的链接图表

Javascript Chart JS Crosshair-无链接图例的链接图表,javascript,charts,chart.js,Javascript,Charts,Chart.js,我有一个应用程序,使用ChartJS和伟大的扩展来提供缩放和悬停时的垂直线。它的“链接”图表的能力至关重要,因为它在同一x轴上突出显示不同图表上的值 问题是链接的图表也有链接的图例。我创建了一个简单的示例: 下面是图表选项配置的摘录(完整脚本请参见链接): 如您所见,如果“关闭”数据集(如图1中的数据集1、a、图2中的数据集D、图3中的数据集g),则数据集将从所有链接图表中删除 我有一系列基于相同x轴数据的图表,所以十字线和工具提示出现在所有链接图表上是理想的。但由于绘制的每个数据集在各种图表中

我有一个应用程序,使用ChartJS和伟大的扩展来提供缩放和悬停时的垂直线。它的“链接”图表的能力至关重要,因为它在同一x轴上突出显示不同图表上的值

问题是链接的图表也有链接的图例。我创建了一个简单的示例:

下面是图表
选项
配置的摘录(完整脚本请参见链接):

如您所见,如果“关闭”数据集(如图1中的数据集1、a、图2中的数据集D、图3中的数据集g),则数据集将从所有链接图表中删除

我有一系列基于相同x轴数据的图表,所以十字线和工具提示出现在所有链接图表上是理想的。但由于绘制的每个数据集在各种图表中都不相同,我不希望它在单击时消失

因此,在我的示例中,取消选择图1中的数据集1将被删除A,但图2中的D,而图3中的G

这是否可行

const options = {
  plugins: {
    crosshair: {
      sync: {
        enabled: true
      }
    }
  },
  tooltips: {
    mode: "interpolate",
    intersect: false,
    callbacks: {
      title: function (a, d) {
        return a[0].xLabel.toFixed(2);
      },
      label: function (i, d) {
        return d.datasets[i.datasetIndex].label + ": " + i.yLabel.toFixed(2);
      }
    }
  }
};