jqplot不显示栏

debugcn 发表于 Dev

指示

我正在尝试使用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上工作，因为您使用的示例将那些文件引用为外部资源。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。