jQuery UI Widgets Forums Chart Charts is not drawn in IE8

This topic contains 11 replies, has 3 voices, and was last updated by  Peter Stoev 9 years, 9 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • Charts is not drawn in IE8 #4362

    SpaceQuester
    Member

    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.

    Charts is not drawn in IE8 #4364

    Peter Stoev
    Keymaster

    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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Charts is not drawn in IE8 #4365

    Peter Stoev
    Keymaster

    In 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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Charts is not drawn in IE8 #4377

    SpaceQuester
    Member

    With this Charts are no longer drawn in Chrome and FireFox))
    I’ll send u my example later.

    Charts is not drawn in IE8 #4378

    SpaceQuester
    Member

    *with this ur DOCTYPE. Tegs had parsed incorrectly.

    Charts is not drawn in IE8 #4379

    Peter Stoev
    Keymaster

    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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Charts is not drawn in IE8 #4437

    SpaceQuester
    Member

    Peter,
    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 bug

    Charts is not drawn in IE8 #4442

    Peter Stoev
    Keymaster

    Hi 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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Charts is not drawn in IE8 #4451

    SpaceQuester
    Member

    The 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.

    Charts is not drawn in IE8 #66172

    arunthatham
    Participant

    Can you provide where there was comma and where you removed it.
    Because for me also the chart is not working in IE 9

    Charts is not drawn in IE8 #66179

    arunthatham
    Participant
    Charts is not drawn in IE8 #66184

    Peter Stoev
    Keymaster

    Hi arunthatham,

    You have the same “comma” issue in your code.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.