2010-09-15 27 views

cevap

4

xAxis türünü 'datetime' olarak ayarlayabilir, ardından pointInterval ve PointStart noktalarını plotoptions olarak ayarlayabilirsiniz.

Kod örnek: Eğer bir gün 86400000ms olurdu sizin durumunuzda getTime() aralık kullanarak üretebilir millisecionds içindedir pointInterval ve Başlat bakınız

var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     "xAxis": { 
      "type": "datetime" 

     "plotOptions": { 
      "line": { 
       "pointInterval": 86400000, 
       "pointStart": 1282408923000 
      } 
     }, 
    }); 
}); 

figürleri. Kütüphane veri aralığınıza bağlı olarak uygun aralık gösterir.

+0

Bu pointInterval ve pointStart, "Seri" seçeneğindekilerden nasıl farklıdır? –

+0

Kesinlikle dürüst olmak gerekirse, birkaç ay boyunca yüksek şemalara bakmadım, ama eğer doğru hatırlamıyorsam, bu datetime formatından kaynaklanıyor ve bir dizi kullanmak yerine, sizin için aralıklarla çalışıyor. Umarım yardımcı olur. – Gazler

0

burada çirkin çözüm :) Ben kuyrukta olarak diziyi kullanıyorum

olduğunu. http://javascript.about.com/library/blqueue.htm Nokta verisini sıraya eklerseniz, grafik serilerinizin verilerini ayarlayabilirsiniz. Yeni bir noktaya ihtiyaç duyduğunuzda, her zaman artış göstermelidir. ( ) adım değeri Bunu gerçekleştirmek için kullanılması gereken budur: etiketler: http://dl.dropbox.com/u/3482121/picture/highcharts/PM/Screenshot.png

+0

http://jsfiddle.net/sharavsambuu/WAtFK/ burada örnek kod – sharavsambuu

4
xAxis: { 
     categories: categoriesname, 
     labels: { 
      style: { 
       color: '#000', 
       font: '9px Trebuchet MS, Verdana, sans-serif' 
      } 
     }, 
     **tickInterval: TickInterval,**// SET THIS 
     tickPixelInterval: 80, 
     tickmarkPlacement: 'on' 
    }, 
39

O Xaxis gibi görünüyor geç

 xAxis: { 
      categories: ['JAN', 'FEB', 'MAR', 'APR', 'MAY'], 
      labels:{ 
       step: 2 // this will show every second label 
      } 
     }, 

Step Axis Labels

Süper, ama bu birine yardım edebilir anlamaya dışarı.

+0

Bu özel çözüm, tek bir tarihte bir datetime xAxis başlattığım bir grafik için bir çekicilik gibi çalıştı (bu durumda, 1/1/1997). Grafikte hiç veri bulunmayan, 1996'da ekseni başlatarak her yıl gösterilecek tickInterval'ı ayarlamaya çalışıyorum. Bunun için teşekkür ederim! –