我有一个带有固定工具提示的股票图表,就像股票工具提示定位器示例中显示的那样。现在我想在系列中添加一些标志。当“鼠标悬停”时,每个标志的工具提示应该与标志相邻,就像工具提示的默认定位/格式一样。此外,每个标志的工具提示都有自己的文本,并且在显示时不应影响固定的工具提示(例如,固定的工具提示会显示股票价格,而标志工具提示会显示一些文本与标志相关联)
您是否有任何我可以查看的相关示例代码? THX!
答案 0 :(得分:0)
这不是直接支持但可以实现,请看一下: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 };
}