jqPlot條形圖圖表不顯示在Chrome和Mozilla中

我正在嘗試使用jqPlot條形圖顯示條形圖。我正在做代碼，在Internet Explorer中顯示圖表。但是對於相同的代碼表，不會在Crome和Mozilla瀏覽器中顯示。我所提供的代碼如下─jqPlot條形圖圖表不顯示在Chrome和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>

爲什麼此代碼不能用於克羅默和Mozilla瀏覽器中工作嗎？

來源

2013-01-08 Viraj Dhamal

您是否檢查過這些瀏覽器的控制檯是否有錯誤？ –

是的，沒有任何錯誤 –

'var dataArray = [s1，s2，s3，24];'，是不是應該是s4，而不是24？ – Mark

我能夠得到在IE9，FF和Chrome顯示該曲線圖：

卸下<style>標籤。這個標籤阻止了所有瀏覽器中顯示的內容。
在文件頂部添加<!DOCTYPE html>。這防止了IE9中的錯誤。

另外，您鏈接到json2.js的方式實際上是檢索顯示文件的Github頁面，而不是實際的文件本身。

來源

2013-01-09 05:06:23

感謝您的回答，但它仍然不起作用 –

@virajdhamal你得到了什麼樣的錯誤信息？您可能需要使用相應瀏覽器中的開發人員工具來查找錯誤。 –

我越來越像錯誤：無法獲得屬性「BarRenderer」的值：對象爲空或未定義 –

jqPlot條形圖圖表不顯示在Chrome和Mozilla中

回答

相關問題