2013-07-29 17 views
7

Çubuk grafikler oluşturmak için jqPlot kullanıyorum ve oldukça basit bir şey yapmak istiyorum ama kütüphane bunun için bir seçenek olup olmadığından emin değilim.jQPlot y-ekseni üzerindeki statik minimum ve maksimum değerleri zorlar

ben y ekseni üzerinde mümkün olan maksimum değeri 42.

enter image description here

bir durum için, çubukların herhangi için benim en yüksek değeri ise Diyelim olabilir bu uçak grafikleri var 14, daha sonra grafik enter image description here

Ancak, istiyorum sadece yukarı

14. için, her durumda, bir işlenen 42, üst eşik görebilmesi için göstermek hale getirilir.

Bu

Şimdilik ne var:

var plot3 = $.jqplot('chart3', [line1], { 
      animate: true, 
      animateReplot: true, 
      seriesDefaults: {renderer: $.jqplot.BarRenderer}, 
      series:[{ 
       pointLabels:{ 
        show: true, 
        labels:[depression, anxiety, stress] 
       }, 
       rendererOptions: { 
        animation: { 
        speed: 3500 
        }, 
        barWidth: 50, 
        barPadding: -15, 
        barMargin: 0, 
        varyBarColor : true, 
        highlightMouseOver: false 
       } 
      }], 
      axes: { 
       xaxis: { 
        renderer:$.jqplot.CategoryAxisRenderer 
       } 
      }, 
      canvasOverlay: { 
       show: true, 
       objects: [{ 
        horizontalLine: { 
         y: 42, 
         lineWidth: 3, 
         color: 'rgb(255,0,0)', 
         shadow: true, 
         xOffset: 0 
        } 
       }] 
      } 
      }); 
     plot3.replot({ resetAxes: true }); 

cevap

21

Bu ekle senin axes:

 axes: { 
      xaxis: {   
       renderer: $.jqplot.CategoryAxisRenderer     
      }, 
      yaxis: { 
       min:0, 
       max:42 
      } 
     }, 

Eğer yaxis

ekleyiniz üzerinde keneler arasındaki aralığı belirtmek için tickInterval ekleyebilir replot öğesinin bu ayarı, ekseni sıfırlamaya çalıştığınız gibi çalışır:

 plot3.replot({axes: { 
       xaxis: {   
        renderer: $.jqplot.CategoryAxisRenderer      
       }, 
       yaxis: { 
        min:0, 
        max:42 
       } 
      }}); 

VEYA

Sen

plot3.replot(false); 

yüzden senin eksenlerini sıfırlamayacaktır söyleyebiliriz.

+0

Bu işe yaramazsa :( – karancan

+1

burayı kontrol: [Jsfiddle örneğini] (http://jsfiddle.net/zQnhM/2/) – Gyandeep

+0

$ .jqplot ({}) 'sonunda kodunuzu (her kopyalanan Hala işe yaramıyor, hangi sürümü kullanıyorsunuz? – karancan

İlgili konular