this is often a sign the the format of your dates is wrong---eg, not in proper iso 8601
Feikje wrote: > Dear all, > > I'm trying to run exhibit and timeline on my own tomcat server. > Exhibit works, but when I try to get the timeline view, I get the > alert message: 'failed to create view Timeline'. > I've changed the URL in time-extension.js to "http://localhost:8080/ > timeline/api/timeline-api.js" and it's definitely finding that js file > (I checked using an alert). And I do get a timeline, but there is no > data in it. When I view the same html and json page with Exhibit on > the Simile server, everything works fine, so the problem cannot be in > the data itself. > > I've also tried using an older version of timeline, which seemed > easier to install; but although there is no alert, the timeline data > isn't plotted with this view either. > > Does anyone know what could cause this, or what I have forgotten to > change? Are there things that should be changed inside the timeline > code? > My html file looks like this: > > <html> > <head> > <title>...</title> > <link href="../data/data.json" type="application/json" rel="exhibit/ > data" /> > <script src="http://localhost:8080/exhibit/api/exhibit-api.js"; > type="text/javascript"></script> > <script src="http://localhost:8080/exhibit/extensions/time/time- > extension.js" type="text/javascript"></script> > <script src="http://localhost:8080/exhibit/extensions/map/map- > extension.js"></script> > <script src="http://localhost:8080/timeline/ajax/api/simile-ajax- > api.js" type="text/javascript"></script> > <script> > (function() { > Timeline_urlPrefix='http://localhost:8080/timeline/ > api/'; > Timeline_parameters='bundle=true'; > })(); > </script> > <script src="http://localhost:8080/timeline/api/timeline-api.js"; > type="text/javascript"> > </script> > > <style type="text/css"> > body { font-size: 0.8em; } > #exhibit-wrapper { margin: 1em; border: 1px solid black; > padding: > 1em;} > #facets-wrapper { width: 15em; float: left; font-size: 0.9em; > } > #viewPanel-wrapper { margin-left: 14.5em; } > .lens-wrapper { width: 25em; } > .lens-wrapper .type { float: right; color: #888; } > .lens-wrapper .time { font-style: italic; font-size: 0.8em; } > .lens-wrapper .field { } > </style> > </head> > <body> > <script> > var timelineConfig = { > timelineConstructor: function (div, eventSource) { > div.style.height="400px"; > var theme = Timeline.ClassicTheme.create(); > theme.event.label.width = 200; // px > theme.event.bubble.width = 600; > theme.event.bubble.height = 400; > > var date = "Fri Nov 22 2008 13:00:00 GMT-0600" > var bandInfos = [ > Timeline.createBandInfo({ > width: "75%", > intervalUnit: Timeline.DateTime.MONTH, > intervalPixels: 60, > eventSource: eventSource, > date: date, > theme: theme > }), > Timeline.createBandInfo({ > width: "25%", > intervalUnit: Timeline.DateTime.YEAR, > intervalPixels: 80, > eventSource: eventSource, > date: date, > showEventText: false, > overview: true, > theme: theme, > trackHeight: 0.5, > trackGap: 0.2 > }) > ]; > > bandInfos[1].syncWith = 0; > bandInfos[0].highlight = true; > bandInfos[0].decorators = [ > new Timeline.SpanHighlightDecorator({ > startDate: "Nov 1 1970 00:00:00 GMT", > endDate: "Dec 1 2009 00:00:00 GMT", > startLabel: "START", > endLabel: "END", > color: "#FFC080", > opacity: 50, > theme: theme > }) > ]; > > tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL); > return tl; > } > } > </script> > <table width="100%"> > <tr valign="top"> > <td width="200"> > <div ex:role="facet" > ex:facetClass="TextSearch">Search</div> > <div ex:role="facet" ex:expression=".properties" > ex:facetLabel="Properties" ex:sortMode="value" ex:height="330"></div> > <div ex:role="facet" ex:expression=".quantities" > ex:facetLabel="Quantities" ex:sortMode="count"></div> > <div ex:role="facet" ex:expression=".location" > ex:facetLabel="Location" ex:sortMode="count"></div> > <div ex:role="facet" ex:expression=".start" > ex:facetLabel="Date" > ex:sortMode="count" ex:height="130"></div> > </td> > <td ex:role="viewPanel"> > <div ex:role="exhibit-view" > ex:viewClass="Exhibit.TabularView" > > ex:columns=".label, .properties, .quantities, .location, .country, .start, > .end, .sourceUrl, .pages" > ex:columnLabels="Match, Properties, > Quantities, Location, > Country, Start Date, End Date, Url, Pages" > ex:columnFormats="list, list, list, > list, list, list,list, > url,list" > ex:sortColumn="3" > ex:sortAscending="false"> > </div> > <div ex:role="exhibit-view" > ex:orders=".location, .properties, > .start, .end" > > ex:possibleOrders=".label, .properties, .start, .end, .location, .country"> > </div> > <div ex:role="exhibit-view" class="bold" > ex:viewClass="Timeline" > ex:start=".start" > ex:end=".end" > ex:colorKey=".properties" > ex:configuration="timelineConfig" > > > </div> <div > ex:role="exhibit-view" > ex:viewClass="Exhibit.Map" > ex:latlng=".addressLatLng" > ex:showAll="true" > ex:marker=".properties" > ex:label="Locations" > ex:color="#FF00FF" > ex:shape="triangle" > ex:shapeWidth="20" > ex:shapeHeight="20" > ex:bubbleWidth="300" > ex:bubbleHeight="500" > ex:zoom="2" > ex:type="hybrid" > ex:selectCoordinator="location" > ex:showSummary="false"> > </div> > <table ex:role="lens" class="event"> > <tr> > <td> > <div><b>Label:</b> <i><span > ex:content=".label" > class="name"></span></i></div> > <div><b>Location:</b> <span > ex:content=".location" > class="location"></span>.</div> > <div > class="date"><b>From:</b> <span ex:content=".start"></ > span><br><b>To:</b> <span ex:content=".end"></span></div> > <div><b>Properties:</b> > <span ex:content=".properties" > class="properties"></span>.</div> > <div><b>Quantities:</b> > <span ex:content=".quantities" > class="quantities"></span>.</div> > <div><b>Context:</b> <span > ex:content=".context" > class="context"></span>.</div> > <div><b>Link:</b> <span > ex:content=".sourceUrl" class="url"></ > span></div> > <div><b>Pages:</b> <span > ex:content=".pages" class="pages"></ > span>.</div> > </td> > </tr> > </table> > </td> </tr> > </table> > </body> > </html> > > Many thanks, > > Feikje > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
