How to customize the trackball tooltip text dynamically?

Essential Chart supports customizing tooltip text in trackball dynamically by using TrackToolTip event of Chart. Refer to Chart events for more information about the events available in Chart and also refer to TrackToolTip event for more information about the arguments available in the track tooltip event handler.

The event handler receives an object containing cancel, data, model and type properties. You can use the currentText property present in data property of the argument to customize the trackball tooltip text. The following code example illustrates the same.

ASP

<ej:Chart ID="container" OnClientTrackToolTip="trackTooltip" runat="server"> 
        <Crosshair Visible="true" Type="Trackball"></Crosshair>        
       <CommonSeriesOptions DashArray="5,5" type="Line">           
       </CommonSeriesOptions>
</ej:Chart>
<script type="text/javascript">    
    //Event handler for TrackToolTip event
    function trackTooltip(sender) {        
        if (sender.data.serIndex == 0) {           
            sender.data.currentText = "Customized trackball tooltip";
        }
    }
</script>

The following screenshot displays the Chart with customized trackball tooltip.

Figure 1: Chart with customized trackball tooltip