Tooltip formatting

You can format the tooltip values by using the follwoing DataSeries.Settings.Tooltip properties:

• CustomHeaderText

This property corresponds to the client side customHeaderText property:

...
<DataSeries>
    <shield:ChartBarSeries DataFieldY="Unique" CollectionAlias="Unique Visits">
        <Settings>
            <Tooltip CustomHeaderText="Local point Value:">
            </Tooltip>
        </Settings>
    </shield:ChartBarSeries>
</DataSeries>
...

• HeaderClientCallbackFunction

This is a callback function which is called when the tooltip is shown. The function needs to return string which will be used for the tooltip header text:

...
<DataSeries>
    <shield:ChartBarSeries DataFieldY="Unique" CollectionAlias="Unique Visits">
        <Settings>
            <Tooltip HeaderClientCallbackFunction="HeaderCallback">
            </Tooltip>
        </Settings>
    </shield:ChartBarSeries>
</DataSeries>
...

<script type="text/javascript">
    function HeaderCallback(point, chart) {
        return "Local point Value:";
    }
</script>

• CustomPointText

This property corresponds to the client side customPointText property:

...
<DataSeries>
    <shield:ChartBarSeries DataFieldY="Unique" CollectionAlias="Unique Visits">
        <Settings>
            <Tooltip CustomPointText="{point.y} %">
            </Tooltip>
        </Settings>
    </shield:ChartBarSeries>
</DataSeries>
...

• PointClientCallbackFunction

This is a callback function which is called when the tooltip is shown. The function needs to return string which will be used for the tooltip value text:

...
<DataSeries>
    <shield:ChartBarSeries DataFieldY="Unique" CollectionAlias="Unique Visits">
        <Settings>
            <Tooltip PointClientCallbackFunction="PointCallback">
            </Tooltip>
        </Settings>
    </shield:ChartBarSeries>
</DataSeries>
...

<script type="text/javascript">
    function PointCallback(point, chart) {
        return point.y;
    }
</script>