Chart Js显示鼠标悬停时的旧数据

Chart.js 是一个流行的 JavaScript 库，用于创建交互式和可视化的图表。它支持多种类型的图表，包括折线图、柱状图、饼图等，并且提供了丰富的配置选项和交互功能。

当鼠标悬停在图表上时，显示旧数据可以通过 Chart.js 提供的回调函数来实现。具体步骤如下：

1. 首先，需要在图表的配置中定义一个回调函数，用于处理鼠标悬停事件。可以使用 options 属性中的 onHover 回调函数来实现，该函数会在鼠标悬停时被触发。

options: {
  onHover: function(event, chartElement) {
    // 处理鼠标悬停事件的逻辑
  }
}

1. 在回调函数中，可以通过 chartElement 参数获取到鼠标悬停的图表元素。可以使用 chartElement[0] 来获取第一个元素，如果有多个元素则可以遍历处理。

options: {
  onHover: function(event, chartElement) {
    if (chartElement && chartElement.length > 0) {
      var dataIndex = chartElement[0]._index;
      var datasetIndex = chartElement[0]._datasetIndex;
      // 根据 dataIndex 和 datasetIndex 获取旧数据
      // 处理旧数据的显示逻辑
    }
  }
}

1. 在获取到旧数据后，可以根据需求进行显示。可以使用 HTML 元素或者 Chart.js 提供的 Tooltip 功能来展示旧数据。

对于 Chart.js 的具体使用和更多配置选项，可以参考腾讯云提供的 Chart.js 相关产品和文档：

• Chart.js 官方网站
• 腾讯云·云开发-图表服务

请注意，以上答案仅供参考，具体实现方式可能因具体需求和场景而有所不同。