Yüksek hızda asenkron yükleme ile gizli gezginin nasıl kullanılacağını gösterir.

Question

0sHighstocks'u düşünün. Önizlemeyi gizlemek ve sadece kaydırma çubuğunu göstermek istiyorum. Bu yüzden grafik konfigürasyonunda false için enabled set: Bu adaptToUpdatedData seçenek, tarif edildiği gibi çalışmamasına neden olur

navigator: { 
    enabled: false, 
    adaptToUpdatedData: false, 
    ... 

yani, her zaman% 100 olacak kaydırma çubuğunun genişliği yakınlaştırma zaman. Önizlemeyi saklarken aynı demo davranışını tutmak mümkün mü?

Answer 1

Gezginin tüm öğelerini devre dışı bırakmak yerine görsel olarak gizleyebilirsiniz. Sen kolları nerede olacağını imleç hala değiştirir fark edebilirsiniz

$('#container').highcharts('StockChart', { 
    navigator : { 
     adaptToUpdatedData: false, 
     height: 0, 
     handles: { 
      backgroundColor: 'transparent', 
      borderColor: 'transparent' 
     }, 
     series : { 
      data : data 
     }, 
     xAxis: { 
      labels: { 
       enabled: false 
      } 
     } 
    } 
    // ... 
}); 

: Örneğin (JSFiddle) için

. Bundan kurtulmak isterseniz, tutamaçların çizimini hep birlikte engelleyebilirsiniz.

örneğin (JSFiddle) için:

(function (H) { 
    H.wrap(H.Scroller.prototype, 'drawHandle', function (proceed, x, index) { 
    }); 
}(Highcharts)); 

$('#container').highcharts('StockChart', { 
    navigator : { 
     adaptToUpdatedData: false, 
     height: 0, 
     series : { 
      data : data 
     }, 
     xAxis: { 
      labels: { 
       enabled: false 
      } 
     } 
    } 
    // ... 
});