Javascript 角度及;海图。通过编程将状态设置为悬停
我有一张50点的图表和一张50列的表格。50列表格包含来自图表的相同数据的详细信息 将鼠标悬停在序列点上时,plotOptions设置为启动一个悬停函数,该函数获取点的索引并高亮显示下面表格行的索引,以显示数据相同。另一方面,当表格列高亮显示时,该时段的工具提示将变为悬停状态。使用jQuery,我是这样做的:Javascript 角度及;海图。通过编程将状态设置为悬停,javascript,angularjs,highcharts,Javascript,Angularjs,Highcharts,我有一张50点的图表和一张50列的表格。50列表格包含来自图表的相同数据的详细信息 将鼠标悬停在序列点上时,plotOptions设置为启动一个悬停函数,该函数获取点的索引并高亮显示下面表格行的索引,以显示数据相同。另一方面,当表格列高亮显示时,该时段的工具提示将变为悬停状态。使用jQuery,我是这样做的: //Inside of a jquery mouseover event. chart.series[0].data[pointIndexNum].setState('hover');
//Inside of a jquery mouseover event.
chart.series[0].data[pointIndexNum].setState('hover');
我的问题是我不能在我的控制器的任何地方为highcharts ng设置状态(“悬停”)。所以我的问题变成。。。如何以编程方式使工具提示更改带有角度的悬停状态
如何以编程方式使工具提示更改带有角度的悬停状态
直接使用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);
参考资料