2012-04-22 99 views
10

我想知道是否可以激活出现的垂直线,并将鼠标悬停在图上时突出显示点?Highcharts垂直线(十字线)逻辑

例如,在此图中:http://www.highcharts.com/stock/demo/compare - >将鼠标悬停在图形线上时,每个系列中的适当点将突出显示,并在它们之间连接一条垂直线。 我需要一个事件来触发这一行,并突出显示特定x值的点。

+0

“特定x值”是什么意思?小提琴突出了某些值。 – dgw 2012-04-22 22:42:51

+0

是的,它突出显示了我将鼠标悬停在它们上方的值,但我想要一种方式将其激活而不会悬停在图上。例如,当选择一个按钮时,突出显示一组特定的垂直点。 – user1350024 2012-04-23 06:23:24

回答

21

这条垂直线默认显示在highstock上,但在高位图上默认为null。您可以启用它设置工具提示十字线,如here
要突出显示所有系列的相同y值,您必须设置共享为true,如here
代码:

tooltip: { 
    crosshairs: { 
     color: 'green', 
     dashStyle: 'solid' 
    }, 
    shared: true 
} 

您可以风格你看十字线以下reference

+0

嗨,@Ricardo Alvaro Lohmann。你为什么拒绝我建议的编辑?当前版本的Highcharts不赞成在'tooltip'上使用'十字线'。我的编辑不是提倡产品或服务,或故意破坏性的。或者,有可能我错了吗?如果'是' - 那我哪里错了? – 2017-09-07 07:13:19

+1

@BohdanKuts看起来是对的,现在看来你应该使用[xAxis.crosshair](https://api.highcharts.com/highcharts/xAxis.crosshair)和yAxis.crosshair而不是tooltip.crosshairs。 – Lucas 2017-12-11 16:40:18