jQuery UI Widgets › Forums › Chart › Charts is not drawn in IE8
Tagged: chart, jquery chart
This topic contains 11 replies, has 3 voices, and was last updated by Peter Stoev 9 years, 9 months ago.
-
Author
-
Hi, folks.
What is the problem that jqCharts aren’t drawn in IE8? I copy paste ur examples on my web server and see that listboxes, grids, buttons have drawn, but chats have not. In FireFox and Chrome all widgets have drawn correclty. But in my organisation IE8 is the legal certified browser.
May be there are additional HTML properties or jqWidgets properties for Charts, or correct access right for php files are needed (now I use 664).
What is ur opinion?
Thanx.Hi SpaceQuester,
I am not sure what could be the reason about that. Could you send us a simple web page with jqxChart which is not drawn in IE8 to support@jqwidgets.com.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comIn addition to my previous post. Do you set the DOCTYPE to your page?
For example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comWith this Charts are no longer drawn in Chrome and FireFox))
I’ll send u my example later.*with this ur DOCTYPE. Tegs had parsed incorrectly.
Here’s an example of a Chart. The DOCTYPE is set, too.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en"><head> <title id='Description'>jqxChart Scatter Series Example</title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxchart.js"></script> <script type="text/javascript"> $(document).ready(function () { // prepare chart data as an array var sampleData = [ { City: 'New York', SalesQ1: 330500, SalesQ2: 210500, YoYGrowth: 1.05 }, { City: 'London', SalesQ1: 120000, SalesQ2: 169000, YoYGrowth: 1.15 }, { City: 'Paris', SalesQ1: 205000, SalesQ2: 275500, YoYGrowth: 1.45 }, { City: 'Tokyo', SalesQ1: 187000, SalesQ2: 130100, YoYGrowth: 0.45 }, { City: 'Berlin', SalesQ1: 187000, SalesQ2: 113000, YoYGrowth: 1.65 }, { City: 'San Francisco', SalesQ1: 142000, SalesQ2: 102000, YoYGrowth: 1.25 }, { City: 'Chicago', SalesQ1: 171000, SalesQ2: 124000, YoYGrowth: 0.75 } ]; // prepare jqxChart settings var settings = { title: "Sales by City in Q1 & Q2", description: "", enableAnimations: true, showLegend: true, padding: { left: 5, top: 5, right: 5, bottom: 5 }, titlePadding: { left: 90, top: 0, right: 0, bottom: 10 }, source: sampleData, categoryAxis: { dataField: 'City' }, colorScheme: 'scheme04', seriesGroups: [ { type: 'scatter', valueAxis: { unitInterval: 50000, minValue: 50000, maxValue: 350000, description: 'Sales ($)', formatSettings: { prefix: '$', thousandsSeparator: ',' } }, series: [ { dataField: 'SalesQ1', radius: 5, displayText: 'Sales in Q1', color: '#1100EE' }, { dataField: 'SalesQ2', radius: 5, displayText: 'Sales in Q2', color: '#EE0011' } ] } ] }; // setup the chart $('#jqxChart').jqxChart(settings); }); </script></head><body class='default'> <div id='jqxChart' style="width:680px; height:400px"> </div></body></html>
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comPeter,
somth strange.. ur example is working in IE8, but if i use dataApapter with JSON source, IE8 dont draw the chart.. i dont know how locate the bugHi SpaceQuester,
Could you please provide a small sample with some data, which reproduces the reported behavior? I would be happy to test and debug it.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comThe problem was in that comma:
var source = { datatype: "json", datafields: [ { name: 'Proj' }, { name: 'Bug' }, { name: 'Time' } ], url: 'index.php'<span style="color: red;">,</span> };
FireFox and Chrome aren’t warning, but IE8 warnings and didn’t draw the Chart. If delete it all would be fine.
Can you provide where there was comma and where you removed it.
Because for me also the chart is not working in IE 9If you could help me on this issue it would be great
http://www.jqwidgets.com/community/topic/jqwidget-chart-not-loading-in-ie9-due-to-dataadapter/Hi arunthatham,
You have the same “comma” issue in your code.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.