Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-time-graph

pacho95060919BSD-3-Clause1.1.2

A Vue.js component to create a time serie graph with filters

readme

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