Highcharts tooltip始终在光标的右侧

Question

我想在光标的右侧显示工具提示。

我查看了文档/示例，但我找不到强制工具提示停留在光标右侧的方法。

谁能告诉我该怎么做？

With tooltip positioner我只能设置一个默认位置。

Answer 1

工具提示定位器远不止是默认位置。函数参数包含有关您的点位置的信息&工具提示尺寸，使用它可以很方便地将它放在右侧。

Highchart/stock allows you to define your alternate positioner如下

tooltip:{ 
    positioner:function(boxWidth, boxHeight, point){ 
     ... 
    } 
} 

请注意，您在您的处置三个参数（boxWidth，boxHeight，点），这些似乎足以满足大多数的使用情况来计算所需的提示位置。 boxWidth和boxHeight是您的工具提示所需的宽度和高度，因此您可以将它们用于边缘案例来调整工具提示，并防止它从图表中溢出，甚至更糟糕。

附带highstock默认提示定位如下（Source）

/** 
* Place the tooltip in a chart without spilling over 
* and not covering the point it self. 
*/ 
getPosition: function (boxWidth, boxHeight, point) { 

    // Set up the variables 
    var chart = this.chart, 
     plotLeft = chart.plotLeft, 
     plotTop = chart.plotTop, 
     plotWidth = chart.plotWidth, 
     plotHeight = chart.plotHeight, 
     distance = pick(this.options.distance, 12), // You can use a number directly here, as you may not be able to use pick, as its an internal highchart function 
     pointX = point.plotX, 
     pointY = point.plotY, 
     x = pointX + plotLeft + (chart.inverted ? distance : -boxWidth - distance), 
     y = pointY - boxHeight + plotTop + 15, // 15 means the point is 15 pixels up from the bottom of the tooltip 
     alignedRight; 

    // It is too far to the left, adjust it 
    if (x < 7) { 
     x = plotLeft + pointX + distance; 
    } 

    // Test to see if the tooltip is too far to the right, 
    // if it is, move it back to be inside and then up to not cover the point. 
    if ((x + boxWidth) > (plotLeft + plotWidth)) { 
     x -= (x + boxWidth) - (plotLeft + plotWidth); 
     y = pointY - boxHeight + plotTop - distance; 
     alignedRight = true; 
    } 

    // If it is now above the plot area, align it to the top of the plot area 
    if (y < plotTop + 5) { 
     y = plotTop + 5; 

     // If the tooltip is still covering the point, move it below instead 
     if (alignedRight && pointY >= y && pointY <= (y + boxHeight)) { 
      y = pointY + plotTop + distance; // below 
     } 
    } 

    // Now if the tooltip is below the chart, move it up. It's better to cover the 
    // point than to disappear outside the chart. #834. 
    if (y + boxHeight > plotTop + plotHeight) { 
     y = mathMax(plotTop, plotTop + plotHeight - boxHeight - distance); // below 
    } 


    return {x: x, y: y}; 
} 

与所有上述信息，我觉得你有足够的工具，通过简单修改功能，使浮来实现您的要求对，而不是默认的左边。

我会继续前进，给你simplest implementation of positioning tooltip to right，你应该能够实现基于后述的默认提示定位器的代码的边缘情况

tooltip: { 
    positioner: function(boxWidth, boxHeight, point) {   
     return {x:point.plotX + 20,y:point.plotY};   
    } 
} 

更多@Customizing Highcharts - Tooltip positioning