标志工具提示与图表工具提示高原

时间:2013-03-30 20:49:55

标签: highcharts

我有一个带有固定工具提示的股票图表,就像股票工具提示定位器示例中显示的那样。现在我想在系列中添加一些标志。当“鼠标悬停”时,每个标志的工具提示应该与标志相邻,就像工具提示的默认定位/格式一样。此外,每个标志的工具提示都有自己的文本,并且在显示时不应影响固定的工具提示(例如,固定的工具提示会显示股票价格,而标志工具提示会显示一些文本与标志相关联)

您是否有任何我可以查看的相关示例代码? THX!

1 个答案:

答案 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 };
        }