Question

我试图用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
            }
        }
    });

Answer 1

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，因为您使用的示例将这些文件作为外部资源引用。

jqplot没有显示条形图

1 个答案: