jqplot : 스택 막대 차트의 요소가 누락되었습니다.

Question

저는 꽤 오랫동안 다음과 같이 어려움을 겪었습니다. 누군가 나를 도와 줄 수 있기를 바랍니다.

내가하려는 일 : jqplot을 사용하여 가로형 누적 막대 차트와 꺾은 선형 차트를 결합하려고합니다. 누적 막 대형 차트에는 5 개의 값이 있어야합니다. 꺾은 선형 차트는 누적 막 대형 차트를 교차해야합니다. 내가 지금까지 함께 왔어요 무엇

은 : 나는 가로 누적 막대 그래프를 구축하는 데 성공했는데 예상대로 선은 교차합니다.

문제 : 내 스택 막대 차트에 이제 3 개의 블록 (값 : 1, 4 및 16)이 표시됩니다. 나는 5 개의 블록 (값 : 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

당신은 (x 축하지) CategoryAxisRenderer는 y 축에 적용해야합니다 추가 X- 축 :

yaxis: { 
    renderer: $.jqplot.CategoryAxisRenderer 
} 

는 working example here

편집을 참조하십시오 {분 : 0} 당신이 바인딩하려는 경우 옵션을 축하기를 xaxis