altpro
Elevation profile widget. See demo here.
Install
$ npm install --save altpro
Usage
const data = [
{ elevation: 10, distance: 0 },
{ elevation: 15, distance: 10 },
{ elevation: 25, distance: 10 },
// etc.
];
const altpro = require('altpro');
const container = document.querySelector('.altitude-profile-container');
altpro(container, data);
API
altpro(parent, data, options)
Creates new widget inside of parent
. parent
element has to exist, be visible and have desired size.
-
data
is anArray
of items withelevation
anddistance
properties. All other properties are ignored, anddata
is not changed byaltpro
.distance
means - distance from previous items.
The following options
can be passed:
-
fill
- fillStyle for main graph background -
stroke
- strokeStyle for line at the top of the graph -
selectedFill
- fillStyle for the selected item
altpro.select(index)
Selects index
element of data.
altpro.destroy()
Removes altpro widget from DOM, unbinds all listeners.
License
MIT © Damian Krzeminski