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