2016-04-13 21 views
0

Yardım beni adamlar x. 6 aylık aralıklarla çok veri var. Güve aralığı ile X'de nasıl gruplayabilirim?Highcharts serisi grup

$(function() { 
    $('#container').highcharts({ 
     xAxis: { 
      type: 'datetime' 
     }, 
     plotOptions: { 
      spline: { 
       marker:{ 
        enabled: false 
       } 
      } 
     }, 
     series: [{ 
      type: 'spline', 
      data: [ 
       [Date.UTC(2010, 0, 1), 29.9], 
       [Date.UTC(2010, 0, 3), 29.9], 
       [Date.UTC(2010, 0, 10), 29.9], 
       [Date.UTC(2010, 1, 1), 71.5], 
       [Date.UTC(2010, 1, 5), 29.9], 
       [Date.UTC(2010, 2, 1), 106.4] 
      ] 
     }] 
    }); 
}); 

https://jsfiddle.net/L2g2uzz3/3/ Örneğin, ben her veriler için Xaxis ayın adını görüntülemek istediğiniz anlaşılıyor X balta

cevap

1

Ocak, Şubat ve Mart etiketleri almak istiyorum. Yalnızca ayı görüntülemek istiyorsanız ve aynı ay birçok veri var yana

, sen Highcharts API 2 nitelikleri ile oynamak zorunda: biçimlendirici & tickPositioner.

  • biçimlendirici: verileri biçimlendirmek istediğinizde bu işlevi kullanın. kene (ekseninde etiket pozisyonunu) ayarlamak için kullanabilirsiniz: Burada yerine tickPositioner
  • TIMEVALUE more info here adını görüntülemek istiyorum. Bizim durumumuzda, birden fazla keneye ve aynı etikete sahip olabiliriz, böylece onları filtrelemeliyiz. Xaxis etiket özelliğinde more info

için Highcharts belgeye bakın ekleyin:

Ayrıca
labels:{ 
       formatter: function(){ 
         return monthNames[new Date(this.value).getMonth()]; 
         }  
        }, 
      tickPositioner: function() { 
       var positions = []; 
       var month = []; 
       for(var i = 0; i < this.series[0].xData.length; i++){ 
         if(month.indexOf(new Date(this.series[0].xData[i]).getMonth()) == -1){ 
           positions.push(this.series[0].xData[i]); 
         month.push(new Date(this.series[0].xData[i]).getMonth()); 
         } 
       } 
       return positions; 
      } 
     }, 

Sen Güncellemenizi görebilirsiniz

var monthNames = ["January", "February", "March", "April", "May", "June", 
    "July", "August", "September", "October", "November", "December" 
]; 

monthNames Array init unutmayın 10 Yardımcı olduðunu bildiriniz

+0

Evet, bu harika bir çözüm. Çok teşekkür ederim! –

+0

Hoşgeldin :) – IsraGab