javascript - 悬停在谷歌图表中的垂直线

标签 javascript angularjs charts google-visualization angular-chart

我在我的项目中使用谷歌折线图和 angularjs 指令,我正在搜索如何在悬停时获得垂直线,如 Google Trends而是放一条固定的线,但我找不到怎么做。

这是我想尝试做的:

enter image description here

我只是隐藏了垂直线,但在鼠标悬停时不显示,这是我对 angular-google-chart 指令的选项

options: {
  vAxis: {
    title: 'My title',
    gridlines: {
      count: 10
    }
  },
  hAxis: {
    title: 'title hAxis',
    gridlines: {
      color: 'transparent'
    }
  }
}

最佳答案

现在可以通过标准配置选项使用十字准线:

https://developers.google.com/chart/interactive/docs/crosshairs

您案例的示例配置:

crosshair: {orientation: 'vertical', trigger: 'focus'}

关于javascript - 悬停在谷歌图表中的垂直线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42350656/

相关文章:

javascript - Angularjs 使用什么算法来渲染表达式?

java - 如何使用 MPAndroid 图表库跳过折线图中特定索引的值?

java - 如何使用 apache poi 4.0 XDDFChartData、XDDFPieChartData 生成饼图;在使用 java 的 excel 表中,我不想使用 jfree

javascript - Cylcle2 没有循环寻呼机出现

java - 如何在选择同一 div 中存在的下拉列表时在 div 末尾附加动态生成的 HTML 表格?

javascript - 我可以根据数据集项设置 Chart.js 图表的背景颜色吗?

javascript - 仅在选定的 ng-repeat 元素上调用函数

javascript - angular.translate 在 HTML 的 <br> 上下文中不起作用

javascript - 当在表单上按下提交时如何调用不同的 get 函数; Angular

php - 如何使用图表制作实时仪表板