b9389 / dashing-timeline

Stylish timeline widget for Dashing.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Preview

Stylish timeline widget for Dashing.io

preview

Usage

Copy all the above files (except preview.png) and paste into corresponding locations in dashing app. Then in your dashboard:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
  <div data-id="a_timeline" data-view="Timeline" data-title="Timeline"></div>
</li>

Also we use moment.js for date formating, so be sure to include it in your layout.erb;

<script type="text/javascript" src="/assets/javascripts/moment.min.js"></script>

Configure

Unless you want to look exactly like in the preview, you will probably want to configure the positioning and layout of the timeline chart. This is done in the timeknots.js file. You can also have it in horizontal mode.

As far as data goes, its setup to take into the data from the timeline_data.yml file, but this can easily be changed in the job to fetch data from any source.

License

MIT

About

Stylish timeline widget for Dashing.io

License:MIT License


Languages

Language:JavaScript 74.0%Language:CoffeeScript 9.9%Language:Ruby 9.3%Language:CSS 6.4%Language:HTML 0.5%