Jqplot不显示条形图

jqplot not showing bars

本文关键字：条形图 显示 Jqplot      更新时间：2023-09-26

我正在尝试用jqplot做图表。问题是，它不创建栏的结果(只有标题和数字在左轴空区域)。我不知道什么似乎是问题，我包括需要的脚本，代码工作，当我在jsfiddle上尝试它。我没有任何错误。我包含的脚本和表格:

<link href="default.css" rel="stylesheet" type="text/css" />
  <script type='text/javascript' src='scripts/script.js'></script>
 <script type='text/javascript' src='scripts/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='scripts/jquery-1.9.2.ui.min.js'></script>
   <link rel='stylesheet' type='text/css' href='jquery-ui-1.10.3.custom.min.css'>
 <script type='text/javascript' src='scripts/script-jquery.js'></script>

  <script type='text/javascript' src='scripts/jquery.jqplot.min.js'></script>
<link rel='stylesheet' type='text/css' href='jquery.jqplot.min.css' >
代码:

var line1 = [['Nissan', 4],['Porche', 6],['Acura', 2],['Aston Martin', 5],['Rolls Royce', 6]];
    $('#chart1').jqplot([line1], {
        title:'Default Bar Chartasd',
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer
        },
        axes:{
            xaxis:{
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });

BarRenderer和CategoryAxisRenderer在它们自己的脚本文件中，不包含在主jqplot文件中。你需要将它们捆绑在脚本文件中，或者包含对它们的单独脚本标签引用，例如:

<script type="text/javascript" language="javascript" src="plugins/jqplot.categoryAxisRenderer.js"></script>
<script type="text/javascript" language="javascript" src="plugins/jqplot.barRenderer.js"></script>

可能它在jsfiddle上有效，因为您使用的示例将这些文件作为外部资源引用。

相关文章：