# vue-time-graph

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

Latest version **1.1.2** (published 2019-01-29) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install vue-time-graph
pnpm add vue-time-graph
yarn add vue-time-graph
bun add vue-time-graph
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2019-01-29 |
| First published | 2019-01-29 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 22.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Francisco Ricaurte |
| Maintainers | pacho950609 |

## Links

- npm: https://www.npmjs.com/package/vue-time-graph
- Repository: https://github.com/pacho950609/vue-time-graph
- Homepage: https://github.com/pacho950609/vue-time-graph#readme
- Issues: https://github.com/pacho950609/vue-time-graph/issues
- npm.io page: https://npm.io/package/vue-time-graph

## Dependencies (2)

- [vuetify](https://npm.io/package/vuetify.md) ^1.4.3
- [vue-chartjs](https://npm.io/package/vue-chartjs.md) ^3.4.0

## Recent versions

- 1.1.2 (latest) — 2019-01-29
- 1.1.1 — 2019-01-29
- 1.1.0 — 2019-01-29
- 1.0.9 — 2019-01-29
- 1.0.8 — 2019-01-29
- 1.0.7 — 2019-01-29
- 1.0.6 — 2019-01-29
- 1.0.5 — 2019-01-29
- 1.0.4 — 2019-01-29

## README

# vue-time-graph

A Vue component to have a time graph with filters

## Installation

```js
npm i vue-time-graph --save
```

### Module

```js
import VueTimeGraph from 'vue-time-graph';
...
export default  {
...
components:{
      VueTimeGraph
    }
...
}
```

## Usage

In the html
```html
<vue-time-graph v-on:filter="filter" :chardata="charData"> </vue-time-graph>
```
In the component
```js
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 |

---
_Source: https://npm.io/package/vue-time-graph · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._