# vue-chart-engine

> chart components built with Vue.js

Latest version **0.1.20** (published 2017-12-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-chart-engine
pnpm add vue-chart-engine
yarn add vue-chart-engine
bun add vue-chart-engine
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.20 |
| Published | 2017-12-01 |
| First published | 2017-09-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 (+5 in 2 direct dependencies) |
| Install scripts | no |
| Author | gbasebi |
| Maintainers | lailai00 |
| Keywords | bootstrap, vue-bootstrap, vue-component, vue |

## Links

- npm: https://www.npmjs.com/package/vue-chart-engine
- npm.io page: https://npm.io/package/vue-chart-engine

## Dependencies (5)

- [vue](https://npm.io/package/vue.md) ^1.0.26
- [jquery](https://npm.io/package/jquery.md) ^3.2.1
- [anychart](https://npm.io/package/anychart.md) ^8.0.0-dev-preview-5
- [bootstrap](https://npm.io/package/bootstrap.md) ^3.3.7
- [highcharts](https://npm.io/package/highcharts.md) ^5.0.14

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 0.1.20 (latest) — 2017-12-01
- 0.1.19 — 2017-09-21
- 0.1.18 — 2017-09-21
- 0.1.17 — 2017-09-21
- 0.1.16 — 2017-09-20
- 0.1.15 — 2017-09-20
- 0.1.14 — 2017-09-20
- 0.1.13 — 2017-09-20
- 0.1.12 — 2017-09-20
- 0.1.11 — 2017-09-20
- 0.1.10 — 2017-09-20
- 0.1.9 — 2017-09-20
- 0.1.8 — 2017-09-20
- 0.1.7 — 2017-09-19
- 0.1.6 — 2017-09-19
- … 15 more at https://npm.io/package/vue-chart-engine/versions

## README

# vue-chart-engine
chart components built with Vue.js.

This repository contains a set of native Vue.js components based on chart engine(AnyChart,HighChart,EChart etc). As a result no dependency on jQuery is required. The only required dependencies are:

* [Vue.js](http://vuejs.org/).

## Installation

### NPM

```bash
$ npm install vue-chart-engine
```

### CommonJS
```js
var engine = require('vue-chart-engine').engine;

new Vue({
  components: {
    'engine': engine
  }
})
```

### ES6
```js
import engine from 'vue-chart-engine/src/Home'
// or
import { engine } from 'vue-chart-engine'

new Vue({
  components: {
    engine
  }
})
```

### AMD
```js

define(['vue-chart-engine'], function(VueStrap) { var engine = VueChartEngine.engine; ... });
```

### Browser globals
The `dist` folder contains `vue-chart-engine.js` and `vue-chart-engine.min.js` with all components exported in the <code>window.VueChartEngine</code> object. These bundles are also available in,
and on both the Bower and NPM packages.

```html
<div id="container" style="height:300px;width:50%"></div>
<engine :branch="currentBranch" :genre="currentGenre" :data-init="msg"  :container="container"></engine>
<script src="path/to/vue.js"></script>
<script src="path/to/vue-chart-engine.js"></script>
<script>
      var vm = new Vue({
          components: {
              engine: VueChartEngine.engine
          },
          el: "body",
          data: {
             currentBranch: 'HighChart',
             currentGenre: "area_basic",
             msg0:[
              ["January", 10000],
              ["February", 12000],
              ["March", 18000],
              ["April", 11000],
              ["May", 9000]
            ],
              msg:[ 
              ["January", 10000,8999],
              ["February", 12000,10000],
              ["March", 18000,5555],
              ["April", 11000,6666],
              ["May", 9000,7777]
            ],
            container:"container"
          }
      })
</script>
```

## Local Setup
* Install with `npm install`
* Run the docs site in development mode with `npm run docs`. This will watch for file changes as you work.
* Build with `npm run build`.


## License
vue-chart-engine is licensed under [The MIT License](LICENSE).

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