我如何为我的图表实现 onmouseover？

Question

我想使用 googleCharts 实现比特币价格图表，如果你在 google 上搜索比特币价格，你会在 google 搜索页面顶部看到下面的图表

当您将鼠标悬停在图表上时，无论在哪里，它都会显示对应于行和列的价格，但是 google 面积图的默认行为不是这样的，您必须将鼠标悬停在结果线上本身就像下图

那么，我怎样才能实现像第一张图片那样的图表？

Answer 1

有一个选项可以将焦点设置在鼠标悬停上，它在 google 图表文档中提到过， 在您的情况下，您使用选项 focustarget 并设置为 "category"。 这是您正在寻找的工作示例。

 var options = {
      title: 'Company Performance',
      hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
      vAxis: {minValue: 0},
      focusTarget: 'category'
    };

https://jsfiddle.net/tjc2honu/