Javascript jqPlot条形图未在Chrome和Mozilla中显示_Javascript_Jquery_Spring Mvc_Jqplot

Javascript jqPlot条形图未在Chrome和Mozilla中显示

javascript jquery spring-mvc

Javascript jqPlot条形图未在Chrome和Mozilla中显示,javascript,jquery,spring-mvc,jqplot,Javascript,Jquery,Spring Mvc,Jqplot,我正在尝试使用jqPlot条形图显示条形图。我有在InternetExplorer中显示图表的代码。但对于相同的代码，Crome和Mozilla浏览器中不显示图表。我已经给出了下面的代码- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> <html> <head> <style> <title

我正在尝试使用jqPlot条形图显示条形图。我有在InternetExplorer中显示图表的代码。但对于相同的代码，Crome和Mozilla浏览器中不显示图表。我已经给出了下面的代码-

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
<style>
<title>Home</title>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js">           </script>
<script type="text/javascript" src="../resources/jQuery/jquery.min.js"></script>
<script type="text/javascript" src="../resources/jQuery/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../resources/jQuery/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="../resources/jQuery/plugins/jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="../resources/jQuery/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="../resources/jQuery/plugins/jqplot.pointLabels.min.js">   </script>
<link rel="stylesheet" type="text/css" href="../resources/jQuery/jquery.jqplot.min.css" />

<script>
function drawChart() {
alert("In draw chart");
  var s1 = [2, 6, 7];
  var s2 = [7, 5, 3];
  var s3 = [2, 3, 5];
  var s4 = [1, 7, 2];

  // chart data
  var dataArray = [s1, s2, s3, s4];

  // x-axis ticks
  var ticks = ['Jan', 'Feb', 'Mar'];

  // chart rendering options
  var options = {
    seriesDefaults: {
      renderer:$.jqplot.BarRenderer
    },
    axes: {
      xaxis: {
        renderer: $.jqplot.CategoryAxisRenderer,
        ticks: ticks
      }
    }
  };

  // draw the chart
  $.jqplot('showData', dataArray, options);
}// end
</script>
</head>
<body>

<button value="Get Employee Data" onclick="drawChart()">Get Chart</button>
<div id="showData" style="height: 400px; width: 400px;"></div>


</body>
</html>


家
函数绘图图（）{
警报（“绘制图表”）；
VarS1=[2,6,7]；
VarS2=[7,5,3]；
var s3=[2,3,5]；
var s4=[1,7,2]；
//图表数据
var dataArray=[s1、s2、s3、s4]；
//x轴刻度
var ticks=['一月'，'二月'，'三月']；
//图表呈现选项
变量选项={
系列默认值：{
渲染器：$.jqplot.blunderer
},
轴线：{
xaxis：{
渲染器：$.jqplot.CategoryAxisRenderer，
滴答声：滴答声
}
}
};
//画图表
$.jqplot（'showData'，数据数组，选项）；
}//结束
获取图表

为什么这段代码不适用于Crome和Mozilla浏览器？

我能够通过以下方式在IE9、FF和Chrome中显示图形：

删除

标记。此标记阻止在所有浏览器中显示任何内容

在文件顶部添加

。这防止了IE9中的错误

此外，链接到

json2.js

的方式实际上是检索显示文件的Github页面，而不是实际的文件本身

您是否检查过这些浏览器的控制台是否有错误？是的，

var dataArray=[s1，s2，s3，24]中没有任何错误，那不是应该是s4，不是24吗？@virajdhamal你收到了什么样的错误消息？您可能需要在各自的浏览器中使用开发人员工具来跟踪错误。我遇到的错误如下：无法获取属性“BarRenderer”的值：对象为null或undefined@virajdhamal您是否在所有浏览器中都遇到此错误？如果是这样，那么检查文件jqplot.barRenderer.min.js
是否确实存在于resources/jQuery/plugins/
中是值得的。我已经从中删除了../现在代码对IE、FF和crome都很有效