2013-03-30 35 views
0

我有一个固定的工具提示股票图表,如股票工具提示定位器示例中所示。现在我想在系列中添加一些标志。当鼠标悬停时,每个标志的工具提示应该与标志相邻,比如工具提示的默认定位/格式。此外,每个标志的工具提示都有自己的文本,并且不应当在显示时影响固定的工具提示(例如,固定工具提示会显示股票价格,标志工具提示会显示与该标志有关的某些文本关联)。相关的示例代码,我可以看看?谢谢!标志工具提示与高位股票图表工具提示

回答

0

这是不直接支持,但有可能实现的,我们来看一看:http://jsfiddle.net/hzYhQ/2/

1)添加自定义属性,以鼠标移出/鼠标悬停事件图表标志:

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 }; 
     } 
+0

Thx的例子。我正在考虑一个解决方案,其中一面旗帜有自己的工具提示,与系列的工具提示分开。这样一来,工具提示就不会像用户那样跳动了。任何其他解决方法? –

+0

禁用工具提示动画..在Highcharts中只存在一个工具提示。 –