Info-bulle Highcharts toujours sur le côté droit du curseur

Info-bulle positionneur est beaucoup plus que juste la position par défaut. Les arguments de la fonction contenant des informations relatives à votre position de point & info-bulle dimensions, à l'aide de laquelle il devrait être assez simple à position vers la droite.

Highchart/stock vous permet de définir votre autre positionneur comme suit

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

Noter que vous avez trois arguments (boxWidth, boxHeight, point) à votre disposition, ceux-ci semblent être suffisantes pour la plupart des cas d'utilisation pour calculer souhaité position des info-bulles. boxWidth et boxHeight sont la largeur et la hauteur de votre info-bulle, il faudra, par conséquent, vous pouvez les utiliser pour les cas limites pour ajuster votre info-bulle et l'empêcher de se répandre de la carte ou même pire avoir coupées.

La valeur par défaut info-bulle positionneur qui vient avec highstock est comme suit (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};
}

Avec toutes les informations ci-dessus, je pense que vous avez suffisamment d'outils pour mettre en œuvre vos besoins en modifiant simplement la fonction de faire flotter à droite au lieu de gauche par défaut.

Je vais aller de l'avant et vous donner la plus simple la mise en œuvre du positionnement de l'info-bulle à droitevous devriez être en mesure de mettre en œuvre les cas de bord basés sur le aftermentioned par défaut info-bulle positionneur du code

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

Lire plus @ Personnalisation de Highcharts - info-bulle de positionnement