Whether Infragistics chart supports IE8 browser version?
If it's support how to we can do changes in Infragistics Chart in Ie8 browser version.
Hi,
I am rendering igDataChart and used this code to render chart in IE8 browser. But on browser console an error is coming which says
SCRIPT438: Object doesn't support property or method 'getContext' infragistics.dv.core.js, line 14 character 166856
Do you have any idea on this? How to resolve this issue?
PS: Problem area in the code when I am using
$.ig.dvCommonWidget.prototype._isCanvasSupported = function() { return true; }
By the way, i've already test flashcanvas without any success....
Thanks you for the answer.
In two words, i'm still blocked with my html 5 reportviewer.. :(
As i'm lost, could you give me a name of one of them ?
Kind Regards
You will note that I said that the explorer canvas solution was not very satisfactory as it does not support text rendering, so you are likely to get errors if your axes contain labels (the default case). We can't support these methods of loading the chart because they have varying degrees of quality, and do not necessarily support all of the functionality required to load the chart. But this example gives you an idea of how you might approach using a library that emulates the canvas' behavior to load the chart in older browsers.
There are one or two canvas emulation APIs out there that support text rendering, so you may have more luck with them.
-Graham
I've tried your solution mixed with my need but it failed in IE8.
Can you help me ?
Kind Regards.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script> function isCanvasSupported() { var canvas = document.createElement('canvas'); return !!(canvas.getContext && canvas.getContext('2d')); }
var oldIE = !isCanvasSupported(); </script> <!--[if IE]><script type="text/javascript" src="../../../Scripts/excanvas.js"></script><![endif]--> <script src="../../../Scripts/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="../../../Scripts/modernizr.custom.46160.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script> if (oldIE) { var oldHtml = jQuery.parseHTML; jQuery.parseHTML = function (data, context, scripts) { var ret = oldHtml(data, context, scripts);
for (var i = 0; i < ret.length; i++) { if (ret[i].tagName === "canvas") { G_vmlCanvasManager.initElement(ret[i]); } }
return ret; } CanvasRenderingContext2D.prototype.getImageData = function (sx, sy, sw, sh) { return { width: sw, height: sh, data: [0, 0, 0, 0] } } } </script> <script type="text/javascript" src="../../../Scripts/infragistics.loader.js"></script> <script type="text/javascript" src="../../../Scripts/json2.js"></script>
<script type="text/javascript"> var test = isCanvasSupported(); //console.log(test);
</script>
<link href="~/Styles/SiteTwoColumn.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" id="webDataGrid" src="../../../Scripts/WebDataGridMgt.js"></script><%-- <script src="../../../Scripts/excanvas.js" type="text/javascript"></script> <script src="../../../Scripts/modernizr.custom.46160.js" type="text/javascript"></script>--%> <link href="../../../Styles/themes/redmond/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../../Scripts/infragistics.loader.js" type="text/javascript"></script>
$.ig.loader({ scriptPath: '../../../Scripts/', cssPath: '../../../Styles/', resources: "igReportViewer", theme: '' });
$.ig.loader(function () { $.ig.dvCommonWidget.prototype._isCanvasSupported = function () { return true; } $.support.cors = true;
// Create Report Viewer $("#report").igReportViewer({ //width: 943, height: 685, pageFit: 'fitToWidth', renderSettings: { definitionUri: 'PERSEE.Report;component/StaffWorkingCalc.igr', serviceEndpointUri: "/ReportService.svc/ajaxAddress/" } }); });
<div id="report"> </div> </ContentTemplate> </asp:UpdatePanel> </form></body></html>