2016-04-13 18 views
1

En büyük sayıdan dinamik olarak maksimum değer ayarlamaya çalışıyorum. Emin değilim, nerede hata yapıyorum ...Highcharts - yAxis tickInterval max data

Herhangi bir yardım lütfen?

Online Demo

Beklenen:

enter image description here

Ne alıyorum:

enter image description here

PS: Ben max değeri bulmak istiyoruz (Örn: Bu örnekte 100) ve göstermektedir ki ilk yAxisLabel ve sonraki değerler eksi gerektiği gibi (-) 20 vb ...

Grafik 1 değerleri [39, 35, 19, 38, 39, 48, 56, 57]

Grafik 2 değerleri [39, 35, 19, 38, 39, 48, 56, 57]

şans olmadan çalıştı seçenekleri:

yAxis: { 
    min: 0, 
    max: 100, 
    tickInterval: 20, 
}, 

ve

yAxis: { 
    tickInterval: 20, 
    tickPositioner: function(min,max){ 
     var act = min, 
      ticks = []; 
     console.log(this); 
     while(act <= max){ 
     ticks.push(act); 
     act+= this.tickInterval; 
     } 
     return ticks; 
    }, 
    min: 0, 
    max: 100, 
}, 

Teşekkür @Kacper Madej enter image description here

cevap

2

O tockPositioner kullanmak mümkündür sonuçlandı kod aşağıda verilmiştir ve belirledi orada mi keneler:

showLastLabel: false, 
    tickPositioner: function(min, max) { 
     var ticks = [], 
     tick = min, 
     step = Math.round((max - min)/7); 

     while (tick < max - step/2) { 
     ticks.push(Math.round(tick)); 
     tick += step; 
     } 
     ticks.push(Math.round(max)); 
     ticks.push(Math.round(max+step)); //hidden - added for top padding 

     return ticks; 
    } 

Örnek: http://jsfiddle.net/e6har510/

+0

** @ Kacper Madej ** ... Cevabınız için teşekkürler. Ama benim problemimi çözmedi: (Tüm değerlerim [59, 56, 50, 52, 61, 80, 79, 100] ve [39, 35, 19, 38, 39, 48, 56, 57]. * ** 100 ** altında ** **, ama ** max ** değeri ** yAxis cinsinden maksimum değer alıyorum ... Grafiklerin maksimum değerini belirlemek ve bunu maxLabel olarak ayarlamak – Reddy

+1

@ Reddy Sine istifleme seti var sonra maksimum değer 100 + 57, yani 157'dir. En fazla 100 almak için istiflemeyi devre dışı bırak - http://jsfiddle.net/e6har510/1/ –

+0

** @ Kacper Madej **, Tam olarak aradığım şey budur. .. Bahşiş için teşekkürler – Reddy