Visual Layout

Oct 12, 2009 at 8:03 PM
Edited Oct 12, 2009 at 8:04 PM

I have this all working in my .net web page.  My problem are the locations that it plots the data.  In the examples I see the events begining at the bottom of the band and working upward, but in my page, it plots in a group of no more than 4 high and are aligned at the top of the band.  Is there something that I can do?

function onLoad() {
       var eventSource = new Timeline.DefaultEventSource();
       var bandInfos = [
         Timeline.createBandInfo({
             eventSource:    eventSource,
             date:           "<%= StartDate %>",
             width:          "70%",
             intervalUnit:   Timeline.DateTime.HOUR,
             intervalPixels: 600
         }),
         Timeline.createBandInfo({
             overview:       true,
             eventSource:    eventSource,
             date:           "<%= StartDate %>",
             width:          "30%",
             intervalUnit:   Timeline.DateTime.DAY,
             intervalPixels: 400
         })
       ];
       bandInfos[1].syncWith = 0;
       bandInfos[1].highlight = true;
      
       tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
      
       Timeline.loadXML("<%= XMLFile %>", function(xml, url) { eventSource.loadXML(xml, url); });
     }