Araç İpucu'nun ilk ve sonuncu çocuğunun konumu nasıl ayarlanır

Question

Aşağıdaki resimdeki gibi grafiklerin uçlarında veriler çok küçükse, araç İpucu aşağıdaki gibi kırpılacaktır. 2 farklı çözümler kullanabilirsiniz bu

Answer 1

için bir çözüm önerin. Araç ipucu üzerinde göstermesi gerekiyorsa Birincisi, saymak sağa veya sola:

positioner: function (labelWidth, labelHeight, point) { 
    var tooltipX, tooltipY; 
    if (point.plotX + labelWidth > chart.plotWidth) { 
     tooltipX = point.plotX + chart.plotLeft - labelWidth - 20; 
    } else { 
     tooltipX = point.plotX + chart.plotLeft + 20; 
    } 
    tooltipY = point.plotY + chart.plotTop - 20; 
    return { 
     x: tooltipX, 
     y: tooltipY 
    }; 
} 

Fiddle:

positioner: function (labelWidth, labelHeight, point) { 
    var tooltipX, tooltipY; 
    if (point.plotX + chart.plotLeft < labelWidth && point.plotY + labelHeight > chart.plotHeight) { 
     tooltipX = chart.plotLeft; 
     tooltipY = chart.plotTop + chart.plotHeight - 2 * labelHeight - 10; 
    } else { 
     tooltipX = chart.plotLeft; 
     tooltipY = chart.plotTop + chart.plotHeight - labelHeight; 
    } 
    return { 
     x: tooltipX, 
     y: tooltipY 
    }; 
} 

Fiddle: http://jsfiddle.net/jugal/8cJD7/?utm_source=website&utm_medium=embed&utm_campaign=8cJD7

Veya araç ipucu sabit konumla http://jsfiddle.net/jugal/eSfy8/?utm_source=website&utm_medium=embed&utm_campaign=eSfy8

Grafik tipinizle araç ipucu aynıdır, yalnızca 'grafik' tanımlanmışsa (genellikle) dikkat etmeniz gerekir.

Umut eder!