2012-08-22 54 views
1

這用來做工精細,但由於更新到jQplot的最新版本,酒吧不再被歸類:jQplot酒吧分組

我想組兩個酒吧[空格]兩個酒吧[空格]。同樣,這工作得很好......前

$(document).ready(function(){ 

    var numCompleted = [4,3,6,5,5,4,0,0,5,4,0,0,0,0]; 
    var numNotCompleted = [1,1,0,0,2,2,8,7,4,4,11,10,1,1]; 

    var dates = ['AM<br>Mon 16','PM','AM<br>Tue','PM','AM<br>Wed','PM','AM<br>Thu','PM','AM<br>Fri','PM','AM<br>Sat','PM','AM<br>Sun','PM']; 

    plot3 = $.jqplot('complianceChart', [numCompleted,numNotCompleted], { 
    // Tell the plot to stack the bars. 
    seriesColors: [ "#81a7d4", "#d0d0d0"], 
    stackSeries: true, 
    shadow: false, 
    //title: 'Exercises completed', 
    animate: false, 
    captureRightClick: false, 
    grid:{drawGridLines: false, shadow : false}, 

    legend: { 
     show: true, 
     showLabels: true, 
     labels: ['Completed exercises','Assigned exercises'], 
    showSwatches: true, 
    location: 'e', 
    placement: 'outsideGrid' 
    }, 
    seriesDefaults:{ 
     renderer:$.jqplot.BarRenderer, 
     rendererOptions: { 
      barMargin: 10, 
      barPadding: 0, 
      shadowOffset: 0, 
      groups:7, 
      highlightMouseDown: false 
     }, 
     pointLabels: {show: false,hideZeros: false,edgeTolerance : 10} 
    }, 
    grid: { 
      gridLineColor: '#fff', 
      borderWidth:0, 
      shadow: false, 
      background: "white" 
     }, 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer, 
      ticks: dates, 
      showTickMarks: false 
     }, 
     yaxis: { 
     showTicks: false 
     } 
    } 
    }); 

回答