Angular 和 Highcharts。以编程方式将状态设置为悬停答案

【问题标题】：Angular & Highcharts. Set state to hover programaticallyAngular 和 Highcharts。以编程方式将状态设置为悬停
【发布时间】：2014-04-20 21:35:38
【问题描述】：

我有一个包含 50 个点的图表和一个包含 50 列的表格。 50 列的表包含来自图表的相同数据的详细信息。

当您将鼠标悬停在系列点上时，plotOptions 设置为触发悬停函数，该函数获取点的索引并突出显示下面表格行的索引，显示数据相同。另一方面，当表格列突出显示时，该期间的工具提示将变为悬停状态。使用 jQuery，我是这样做的：

//Inside of a jquery mouseover event.
chart.series[0].data[pointIndexNum].setState('hover');

我的问题是我无法在我的控制器中的任何地方为 highcharts-ng 执行 setState('hover')。所以我的问题变成了......如何以编程方式使用 Angular 使工具提示更改悬停状态？

【问题讨论】：

标签： javascript angularjs highcharts

【解决方案1】：

如何通过 Angular 以编程方式使工具提示更改悬停状态？

直接使用Highcharts 对象。例如：

var chart = Highcharts.charts[0];
chart.series[0].data[pointIndexNum].setState('hover');

使用常量服务来包装它，然后将其添加到模块而不是控制器中。

function foo(){
  var chart = Highcharts.charts[0];
  chart.series[0].data[pointIndexNum].setState('hover');
}

angular.module('myApp').constant('HighchartsHoverProgramatically', foo);

参考文献

【讨论】：