Skinninng dataTip in spark.HSlider

Question

Hello.
I skinned hslider. It works well, except the dataTip.
as a dataTip in my case I use custom component that shows a pie chart.
<fx:Declarations>
        <fx:Component id="dataTip" >    
            <s:DataRenderer y="50" autoLayout="true"> 
                <ui:Pie percentage="{data}" currentState="reference" dynamic="false"   />
            </s:DataRenderer>
        </fx:Component>
    </fx:Declarations>
Everything is working ok, except one small thing:
this dataTip is lagging behind the thumb. Means:
when I change the slider value by dragging the thumb, the dataTip follows the thumb but not consistently.
Sometimes it lags up to 10-15 of pixels and stays in this position until I MouseUP. And only when I click on the thumb
again it centers the dataTip.
Do you know how can I speed it up. Or make it recalculate its own position withing hslider skin?

Answer 1

thank you but I have already seen this and am using it to add tick marks I cannot get the same technique to work for labels. slider compoent ends up expanding until its too large to render