2014-06-21 2 views
0

수직 스택 막대로 데이터를 플로팅합니다. 그러나 Stackbars 중 하나는 pic (최소 값을 갖는 하위 스택)에 표시된 바와 같이 1 bar가 누락되었습니다. 또한 스택도 비례하지 않습니다. 참고로 45는 매우 작아 보이는데 20 & 16 (마지막은 한 줄이지만 마침표) 빠른 도움을 주시면 감사하겠습니다. enter image description hereJqPlot 스택 막대가 나타나지 않습니다.

Html 코드는 Javascript와 함께 아래에 표시됩니다.

<div class="col-sm-10 col-md-10 col-xs-10 col-sm-offset-2 col-md-offset-2 PanelDiv" > 
<div class="panel panel-default"> 
    <div class="panel-heading">File Processing for - Last 7 Days</div> 
    <div class="panel-body" > 
     <div class="col-sm-12 col-md-12 col-xs-12 " style="height:580px"> 

      <div id="chart3" style="width:100%; height:100% " ></div> 



     </div> 
    </div> 
</div> 

JS :

 $(document).ready(function(){ 

var s11 = [['2014-06-10',100],['2014-06-11',85],['2014-06-12',72],['2014-06-13',64],['2014-06-14',52],['2014-06-15',45],['2014-06-16',40]]; 
var s12 = [['2014-06-10',10],['2014-06-11',25],['2014-06-12',15],['2014-06-13',30],['2014-06-14',32],['2014-06-15',20],['2014-06-16',50]]; 
var s13 = [['2014-06-10',12],['2014-06-11',15],['2014-06-12',10],['2014-06-13',20],['2014-06-14',24],['2014-06-15',16],['2014-06-16',30]]; 

plot3 = $.jqplot('chart3', [s11, s12, s13], { 

    stackSeries: true, 
    captureRightClick: true, 
    seriesDefaults:{ 
     renderer:$.jqplot.BarRenderer, 
     rendererOptions: { 
      barMargin: 50, 
      highlightMouseDown: true 
     }, 
     pointLabels: {show: true} 
    }, 
    series:[ 
     {label: 'File Processed' , color:'#82CCFF'}, 
     {label: 'File In Progress' , color:'#FFDEAD'}, 
     {label: 'File Errored' , color:'#FF8F73'} 

    ], 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.DateAxisRenderer, 
      tickOptions:{ 
       formatString:'%b&nbsp;%#d' 
      }, 
      tickInterval:'1 day', 
      min:'2014-06-09', 
      max:'2014-06-17' 
     }, 
     yaxis: { 

      padMin: 0 
     } 
    }, 
     legend: { 
      show: false, 
      location: 'e', 
      placement: 'outside' 
     }  

}); 

    enter image description here$('#chart3').bind('jqplotDataClick', 
    function (ev, seriesIndex, pointIndex, data) { 




    }; 
); 

});

답변