Timeline visualization

  • Views Views: 16,412
  • Last updated Last updated:

Navigation

Visualizations
   Creating a custom Visualization template
   How do I ... Visualizations
      Creating a custom visualisation template
   Visualization Plugins
      Approvals visualization (+)
      Calendar visualization (depr., use Fullcalendar)
      Chart visualization (see Google chart,deprecated)
      Coverflow visualization (+)
      Fullcalendar visualization
      Fusion Charts visualization
      Fusion Gantt visualization
      Google Chart visualization(deprecated)
      Google Maps visualization
      Kaltura visualization(not in Fabrik3.9)
      Media visualization
      Nvd3 Chart visualization
      Slideshow visualization
      Timeline visualization
   Which Chart plugin to use? (+)
   Which Timeline plugin to use? (+)

Wiki index

Page
  • The timeline visualization plots records on a timeline (like a Gantt Chart). The top bar is a zoomed in view of the timeline, whilst the bottom bar is a zoomed out view of the timeline. Scrolling either will scroll the timeline.

    Timeline-frontend.png


    Each event is plotted on the page and can be clicked on to show further information about the event's record.

    Data can be filtered, these settings are taken from the Elements found in the fabrik table's that are used to populate the timeline's data.

    Timeline.png


    • Table - the fabrik table whose data will be plotted onto the timeline
    • Start date - the element whose data contains the start date information. If selected date Elements don't have 'show time selector' activated then the timeline shows the event spanning the whole day
    • End date - the element whose data contains the end date. If left blank then the event is presumed to last one day (if the start element's time Options are turned off) or to be a moment in time (if the start element's time Options are turned on)
    • Label - The element whose data contains the event label
    • Bubble template - This is the text that appears in a bubble when your users click on an event which has been plotted on the timeline. Use place holders (e.g. {tablename___elementname}) to include data from that event's record.
Back
Top