我有一个带有固定工具提示的股票图表,就像股票工具提示定位器示例中显示的那样。现在我想在系列中添加一些标志。当“鼠标悬停”时,每个标志的工具提示应该与该标志相邻,就像工具提示的默认定位/格式一样。此外,每个标志的工具提示都有自己的文本,并且在显示时不应影响固定的工具提示(例如,固定的工具提示会显示股票价格,而标志的工具提示会显示一些与标志相关的文本)
你有任何相关的示例代码我可以看看吗?谢谢!
我有一个带有固定工具提示的股票图表,就像股票工具提示定位器示例中显示的那样。现在我想在系列中添加一些标志。当“鼠标悬停”时,每个标志的工具提示应该与该标志相邻,就像工具提示的默认定位/格式一样。此外,每个标志的工具提示都有自己的文本,并且在显示时不应影响固定的工具提示(例如,固定的工具提示会显示股票价格,而标志的工具提示会显示一些与标志相关的文本)
你有任何相关的示例代码我可以看看吗?谢谢!
这不是直接支持但可以实现,看看:http: //jsfiddle.net/hzYhQ/2/
1) 为带有标志的 mouseout/mouseover 事件的图表添加自定义属性:
plotOptions: {
flags: {
events: {
mouseOver: function(){
this.chart.flagTooltip = true;
},
mouseOut: function(){
this.chart.flagTooltip = false;
}
}
}
}
2)添加检查工具提示应根据该标志显示的位置:
positioner: function (w,h,p) {
var x = 10,
y = 35;
if(this.chart.flagTooltip) {
x = p.plotX;
y = p.plotY;
}
return { x: x, y: y };
}