Question

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

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

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

我的问题是我无法在控制器的任何位置执行setState（＆＃39; hover＆＃39;）以进行highcharts-ng。所以我的问题变成了......我怎么能以编程方式使工具提示改变悬停状态与Angular？

Answer 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);

参考文献

角度和; Highcharts。 Setstate以编程方式悬停

1 个答案: