jqplot: элементы сложенной гистограммы отсутствуют

Question

Я уже довольно долго боролся со следующим: .. Надеюсь, кто-то может мне помочь.

То, что я пытаюсь сделать: Использование jqplot Я пытаюсь совместить горизонтальную столбчатую диаграмму с линией графика. Сложенная гистограмма должна содержать пять значений. Линейная диаграмма должна пересекаться с гистограммой.

То, что я придумал до сих пор: мне удалось построить горизонтальную столбчатую диаграмму и линия пересекает ее как следует.

Проблема: В моей штабелированной гистограмме теперь показаны три блока (значения: 1, 4 и 16). Я должен видеть пять блоков (значения: 1, 2, 4, 8 и 16).

Код я использовал:

<script type="text/javascript"> 

    $(document).ready(function() { 
     var x1 = [[1,1]]; 
     var x2 = [[2,1]]; 
     var x3 = [[4,1]]; 
     var x4 = [[8,1]]; 
     var x5 = [[16,1]]; 
     var x6 = [[1,0.5],[1,1.5]]; 

     var plot2 = $.jqplot('thema1chart', [x1, x2, x3, x4, x5, x6], { 
      stackSeries: true, 
      seriesDefaults: { 
       renderer: $.jqplot.BarRenderer, 
       rendererOptions: { 
        barDirection: 'horizontal' 
       }, 
       pointLabels: { 
        show: false, 
        stackedValue: true 
       } 
      }, 
      series: [{shadow: false, color:'#666666'}, 
      {shadow: false, color:'#FFFFFF'},{shadow: false, color:'#b4d2dd'},{shadow: false, color:'#FFFFFF'},{shadow: false, color:'#666666'}, 
        { 
        shadow: false, 
         disableStack : true,//otherwise it wil be added to values of previous series 
       renderer: $.jqplot.LineRenderer, 
       lineWidth: 2, 
       label:'Benchmark', 
       color:'#666666', 
       showLine:false, 
       pointLabels: { 
        show: false 
       }, 
       markerOptions: { 
        size: 7, style:"plus" 
       }}], 
      axes: { 
       xaxis: { 
        renderer: $.jqplot.CategoryAxisRenderer 
       } 
       , 
       yaxis: { 
        autoscale: true 
       } 
      } 
     }); 
    }); 
    </script> 

Большое спасибо за любую помощь вы могли бы предложить!

Answer 1

Вы должны применить CategoryAxisRenderer к YAxis (не XAxis):

yaxis: { 
    renderer: $.jqplot.CategoryAxisRenderer 
} 

См working example here

Редактировать: Добавить XAxis: {мин: 0} для осей варианты, если вы хотите, чтобы оценка xaxis