2 votes

Le graphique de la mise à jour de Flot vers la version 8.1 ne s'affiche pas dans IE 7/8

J'ai réduit mon code à une simple page incluant le plugin flog et les fichiers jquery, mais je ne parviens toujours pas à afficher les graphiques de flot dans IE 7 et 8. Il se peut que quelque chose m'échappe, mais j'utilise flot 8.1 (7.0 fonctionnait très bien).

Je l'ai réduit à une simple page avec ce que je suppose être les scripts nécessaires. Merci pour toute aide que vous pourrez m'apporter !

<!DOCTYPE html>
<html lang="en">

    <head>        

        <meta http-equiv="X-UA-Compatible" content="IE=edge" />        

        <script type='text/javascript' src='js/plugins/jquery/jquery-1.9.1.min.js'></script>
        <script type='text/javascript' src='js/plugins/jquery/jquery-ui-1.10.1.custom.min.js'></script>
        <script type='text/javascript' src='js/plugins/jquery/jquery-migrate-1.1.1.min.js'></script>
        <script type='text/javascript' src='js/plugins/other/excanvas.js'></script>
        <script type='text/javascript' src='js/plugins/flot/jquery.flot.js'></script>    
        <script type='text/javascript' src='js/plugins/flot/jquery.flot.stack.js'></script>    
        <script type='text/javascript' src='js/plugins/flot/jquery.flot.pie.js'></script>
        <script type='text/javascript' src='js/plugins/flot/jquery.flot.resize.js'></script>
</head>
    <body class="smw ssDark">
        <div class="header">
            <div id="chart_activity" style="height:500px;" >
            </div>
        </div>

        <script>
        $("document").ready(function(){
            if($("#chart_activity").length > 0){

        var stuff = [], contacts = [];

        for (var i = 0; i < 7; i += 1) {
            stuff.push([i, parseInt(Math.random() * 30)]);
            contacts.push([i, parseInt(Math.random() * 30)]);
        }

        $.plot($("#chart_activity"), [ { data: stuff, label: "stuff"}, { data: contacts, label: "contacts"}], {xaxis: {show: true}, yaxis: { show: true}});

    }
    });

        </script>
    </body>
</html>

Edit : J'ai oublié de mentionner que j'obtiens l'erreur suivante dans la console d'IE :

SCRIPT5007: Unable to get property 'fillStyle' of undefined or null reference 
excanvas.js, line 230 character 5

1voto

Xeschylus Points 148

Désolé d'avoir tardé à répondre. Apparemment, la version téléchargée d'excanvas que j'avais était différente de celle fournie avec Flot. Une fois que je les ai échangées, tout a bien fonctionné dans IE 7/8.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X