Chart.js 上的悬停模式

Question

当您没有悬停在折线图中的特定“点”上时，是否可以激活悬停？

每当我将鼠标悬停在图表的任何部分时，我都希望激活 该 特定的工具提示。

编辑： 像这样的东西 http://watchstocks.herokuapp.com/

原文由 JohnSnow 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的，您可以使用 chart.js 配置工具提示以获得与您引用的图表类似的行为。

有关详细信息，请查看 mode 工具提示配置选项和 悬停 配置选项以满足您的需要。这是一个例子。

 options: {
  responsive: true,
  title:{
    display:true,
    text:'Chart.js Line Chart'
  },
  tooltips: {
    mode: 'index',
    intersect: false,
  },
 hover: {
    mode: 'nearest',
    intersect: true
  },
  scales: {
    xAxes: [{
      display: true,
      scaleLabel: {
        display: true,
        labelString: 'Month'
      }
    }],
    yAxes: [{
      display: true,
      scaleLabel: {
        display: true,
      },
    }]
  }
}

这是一个 代码笔示例，演示了与您的示例匹配的行为。

原文由 jordanwillis 发布，翻译遵循 CC BY-SA 3.0 许可协议