Flot升级到8.1图形,在IE 7/8中未渲染



我把代码精简到一个简单的页面上,包括flog插件和jquery文件,但仍然无法在IE 7和8中渲染flot图。我可能遗漏了一些东西,但我使用的是flot 8.1(7.0运行良好)。

我把它剪成一个简单的页面,里面有我认为必要的脚本。感谢您提供的任何帮助!

<!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>

编辑:忘了提,我在IE控制台中得到以下错误:

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

很抱歉很慢才给出答案。显然,我下载的excanvas版本与Flot附带的版本有些不同。一旦我把它们换掉,IE 7/8中的一切都很好。

最新更新