JQPlot图表库程序执行

时间:2012-04-27 11:52:30

标签: jqplot

我也在本地尝试上述代码。

这是代码:

<html>
  <head>
    <script type="text/javascript" src="../JQuery/excanvas.js"></script> 
    <script type="text/javascript" src="../JQuery/jquery.js"></script> 
    <script type="text/javascript" src="../JQuery/jquery.jqplot.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.categoryAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.barRenderer.js"></script> 

    <script type="text/javascript" src="../JQuery/jqplot.categoryAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.canvasTextRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.canvasAxisLabelRenderer.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="../JQuery/jquery.jqplot.css" />

    <script type="text/javascript"> 
      $(document).ready(function(){  
        var plot1 = $.jqplot ('chart3', [[3,7,9,1,4,6,8,2,5]]);
      }); 
    </script>
  </head>
  <body>
    <div id="chart3" style="width:400px; height:300px;"></div>
  </body>
</html>

但是当我运行这段代码时,它给了我“excanvas.js”文件的javascript错误。像“parentnode”是null或不是对象。我正在使用IE8。

1 个答案:

答案 0 :(得分:0)

我尝试了代码并且工作正常。 为了100%诚实,我在ie9中使用ie8的兼容模式运行它,然后ie7(因为我经常更新我的浏览器,我建议做同样的事情并要求客户也这样做)并且它工作正常。

我可能期望您在这里遇到的唯一问题是这些脚本:

    <script type="text/javascript" src="../JQuery/jqplot.categoryAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.barRenderer.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.categoryAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.canvasTextRenderer.min.js"></script> 
    <script type="text/javascript" src="../JQuery/jqplot.canvasAxisLabelRenderer.min.js"></script> 

...位于插件文件夹中,如果您从其网站下载了jqPlot,则应该具有此功能。

快速测试,如果这是问题,您可以简单地删除上述脚本,代码应该可以正常工作,因为它根本不使用它们。