Edit this page

Tooltips not updated with AJAX in Webkit browsers

caution

RadChart has been replaced by RadHtmlChart, Telerik's client-side charting component. If you are considering RadChart for new development, examine the RadHtmlChart documentation and online demos first to see if it will fit your development needs. If you are already using RadChart in your projects, you can migrate to RadHtmlChart by following these articles: Migrating Series, Migrating Axes, Migrating Date Axes, Migrating Databinding, Features parity. Support for RadChart is discontinued as of Q3 2014, but the control will remain in the assembly so it can still be used. We encourage you to use RadHtmlChart for new development.

The Webkit based browsers (Safari, Chrome) do not update correctly image maps with ASP.NET AJAX. As RadChart takes advantage of image maps to implement its tooltips, it suffers the same issue when updated with AJAX (ASP.NET AJAX or RadAjax). To fix this you will need to add a small client script to rename the corresponding map and set the chart image to use it:

<script type="text/javascript">
   function pageLoad()
   {
       var img = document.getElementById("<%=RadChart1.ClientID %>").getElementsByTagName("img")[0];
       var map;
       if (img)
           map = document.getElementById(img.useMap.substring(1));
       if (img && map)
       {
           img.useMap = '';
           map.name = (new Date()).getTime();
           map.id = map.name;
           img.useMap = '#' + map.name;
       }
   }
</script>