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,
Currently the igDataChart only supports browsers that support the HTML5 canvas. The first IE browser to support canvas is IE version 9. It may technically be possible to use a Javascript library that emulates the Canvas funtionality on top of VML to support earlier browsers. But this is not a tested or supported scenario. What scenarios are you interested in for IE8? Display? Tooltips? Interactivity? I would recommend filing a feature request describing your usage scenarios for ie8.
-Graham
Infragitics chart support IE8 browser mode but it doesn't support IE8 browser document mode.
Below i have attached screen shot(SS1).
Scenario : how to enable the canvas functionality and to enable the Infragitics chart features in IE8 browser (IE8 browser document mode).
Below i have attached screen shot(SS2).
SS1:
SS2:
I forgot to attach the image in previous post
Attached the image
I'am facing to the same problem.
I would like to use the HTML5 report viewer in a asp.net application. That work with Chrome, Firefox and IE9 but not in IE8 (the official platform of our organization).
I've try the html5shiv.js workaround but it doesn't work.
Can you help us please ?
Kind Regards.
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.
I've tried your solution mixed with my need but it failed in IE8.
Can you help me ?
<!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>