2016-03-25 16 views
2

Zaman çizelgesinde şu an neler olduğunu anlayabilmem için, her zaman geçerli zaman seçimine (kırmızı çizgi) odaklanacak şekilde Vis.js zaman çizelgesini nasıl değiştiririm? Ne kadar uzak veya yakınlaştırma seviyesine bağlı olarak, zaman çizelgesi PAN'ı sola veya sağa kaydırmalı ve geçerli zaman ayarlayıcıya odaklanmalıdır.Vis.js Geçerli Zamana Odaklanma (Kırmızı Çizgi)

Burada iki seçenek düşünüyorum: ya da her 15 dakikada bir geçerli zamana odaklanan bir setInterval() çalıştıran veya sayfada bunu elle yapacak bir düğme var.

document.getElementById('focusNow').onclick = function() { 
     timeline.focus(timeline.currentTime.bar) 
      }; 
+1

Akış verisini dikkate aldınız http://visjs.org/examples/graph2d/15_streaming_data.html – bhspencer

+0

Sanırım bu oldukça benzer. Ancak bunu Graph2d yerine zaman çizelgesine nasıl uygularım? Bir zaman çizelgesi programına sahip bir vis.js zaman çizelgesine sahibim. Herhangi bir zaman noktasında, zaman çizelgesi şu anda kimin çalışması gerektiğini gösterir. – summerNight

+1

Zaman Çizelgesi ve Graph2d aynı çekirdeğe sahiptir ve ortak birçok yöntemi vardır. Bu akış verisi örneğindeki renderStep işlevini olduğu gibi Zaman Çizelgesi'ne uygulayabilirsiniz, sadece graph2d. * Ile değiştirmelisiniz. –

cevap

0

Bu eski bir soru olduğunu biliyorum ama böyle çözmek başardı:

Benim araştırma

ben bunun şimdiye kadar belli ki bir düğmeye bağlı ve hangi henüz çalışmıyor bulduk:

var refresh = 10000; 
timeline = new vis.Timeline(container, data, options); 

function updateTimeline(refresh) { 
    setTimeout(function(){ 
     var current = new Date(); 
     timeline.moveTo(current); 
     updateTimeline(refresh) 
    }, refresh); 
} 
updateTimeline(refresh); 

updateTimeline fonksiyonu her 10 saniyede bir çalışır ve akım süresi, bu şekilde merkezlenmiş kırmızı çizgi tutulması, (moveTo() fonksiyonu kullanılarak) ortalanacak şekilde zaman çizelgesi taşır. Projem bittiğinde bir github bağlantısıyla güncelleyeceğim.