1.1.2 • Published 5 years ago
vue-time-graph v1.1.2
vue-time-graph
A Vue component to have a time graph with filters
Installation
npm i vue-time-graph --save
Module
import VueTimeGraph from 'vue-time-graph';
...
export default {
...
components:{
VueTimeGraph
}
...
}
Usage
In the html
<vue-time-graph v-on:filter="filter" :chardata="charData"> </vue-time-graph>
In the component
export default {
...
methods:{
filter (values)
{
//filter your info and set it to the charData variable
}
}
...
}
Props
Name | Default | Type | Definition |
---|---|---|---|
title | 'Grafica de tiempo' | String | title of the graph |
showFilter | 'true' | Bool | if you want to show the filters |
periodItems | { text: 'Minuto', value: 'minute' } ... | Array | periods of time options |
chardata | {} | Object | data of the graph, same structure of chatsjs |
options | {} | Object | options of the graph, same structure of chatsjs |