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

提问于 2024-05-12T05:48:10+08:00

浏览次

1

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

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

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

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

1 回答

3
我如何使用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);
```
References
回复于 2024-05-12T05:48:10+08:00

相关问题