Thanks, but that doesn't appear to be the solution... The dates look like this in the json file: ... start: "1980-10-01", end: "1980-10-01", ... Which I think is the correct format? And besides, if I use the timeline on the simile server, the data is shown allright - how would that be possible if the dates were in the wrong format? This one really has me baffled...
Cheers, Feikje On Jul 2, 3:29 pm, David Karger <[email protected]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
