var tl; var date = "Nov 22 2007 13:00:00"; var theme = Timeline.ClassicTheme.create(); theme.event.label.width = 250; // px theme.event.bubble.width = 250; theme.event.bubble.height = 200; window.onload=function() { var eventSource = new Timeline.DefaultEventSource(); var bandInfos = [ Timeline.createBandInfo({ width: "70%", intervalUnit: Timeline.DateTime.MONTH, eventSource: eventSource, date: date, intervalPixels: 100, theme: theme }), Timeline.createBandInfo({ width: "30%", intervalUnit: Timeline.DateTime.YEAR, eventSource: eventSource, date: date, overview: true, intervalPixels: 200, theme: theme }) ]; bandInfos[1].syncWith = 0; bandInfos[1].highlight = true; tl = Timeline.create(document.getElementById("tl"), bandInfos); tl.loadXML("/time1.xml", function(xml, url) { eventSource.loadXML(xml, url); }); } var resizeTimerID = null; window.onresize=function() { if (resizeTimerID == null) { resizeTimerID = window.setTimeout(function() { resizeTimerID = null; tl.layout(); }, 500); } }