2013-04-04 4 views
0

Я пытаюсь построить гистограмму 1 серии с 100 входами. Тем не менее, jqPlot продолжает рендеринг моих данных в виде линейного графика, когда я указываю его для отображения столбчатой ​​диаграммы. Мой код - это модифицированная версия примеров гистограмм.jqPlot BarRenderer рендеринга линейного графика вместо гистограммы

<script type="text/javascript" src="dist/jquery.min.js"></script> 
<script type="text/javascript" src="dist/jquery.jqplot.js"></script> 
<script type="text/javascript" src="dist/src/plugins/jqplot.barRenderer.min.js"></script> 
<script type="text/javascript" src="dist/src/plugins/jqplot.categoryAxisRenderer.min.js"></script> 
<script type="text/javascript" src="dist/src/plugins/jqplot.pointLabels.min.js"></script> 

$(document).ready(function(){ 
      var hits = [123, 54, 897, ...] 

      var plot1 = $.jqplot('chart1', [hits], { 
        seriesDefaults:{ 
        renderer:$.jqplot.BarRenderer 
        }, 
         series:[ {label:'Hits'} ], 

      legend: { 
        show: true, 
          placement: 'outsideGrid' 
          }, 
         axes: { 
           xaxis: { 
         autoscale: true, 
         renderer: $.jqplot.CategoryAxisRenderer, 
           numberTicks: 4, 
           tickInterval: 25 
           }, 
          yaxis: { 
         autoscale: true 
         } 
        } 
       }); 
       }); 

Кто-нибудь знает, что я делаю неправильно?

+1

Пытался использовать Firebug консоль, чтобы узнать, если все ваши источники jqplot хорошо импортированы? Потому что ваш код работает find: [здесь] (http://jsfiddle.net/AnthonyLeGovic/uSuU5/) – AnthonyLeGovic

ответ

0

Добавить seriesDefaults вариант ваших вариантов jqplot:

seriesDefaults: { 
    renderer: $.jqplot.BarRenderer, 
    rendererOptions: {fillToZero: true} 
} 
+0

Я уже установил seriesDefaults в моем исходном коде выше. Я также добавил параметр fillToZero, но он вообще не изменил график. – David

+0

Это была проблема с включением в ваш комментарий к моему OP. Спасибо, что поймали это! – David

Смежные вопросы