vue3-morris/README.md

> base on [vue-morris](https://github.com/bbonnin/vue-morris) > Vue3 components wrapping Morris.js lib > > See http://morrisjs.github.io/morris.js/ for documentation

# vue3-morris

> base on [vue-morris](https://github.com/bbonnin/vue-morris)
> Vue3 components wrapping Morris.js lib
>
> See http://morrisjs.github.io/morris.js/ for documentation

## Install

```bash
npm install vue3-morris --save
# or
yarn add vue3-morris
```

## Examples

```html
<!-- index.html add jquery -->
<script src="/src/assets/js/jquery.min.js"></script>
```

```javascript
// import raphael
import Raphael from "raphael/raphael";
window.Raphael = Raphael;

import { AreaChart, BarChart, DonutChart, LineChart } from "vue3-morris";

const donutData = [{
  label: 'Samsung Company',
  value: 12,
}, {
  label: 'Apple Company',
  value: 30,
}, {
  label: 'Vivo Mobiles',
  value: 20,
}]

const donutProps = {
  resize: true,
  colors: ['#1d84c6', '#2ac14e', '#f15050'],
}
```

- Use the component in vue

```vue
<DonutChart id="morris-donut-example" :data="donutData" v-bind="donutProps" />
```