vue3-morris

base on vue-morris Vue3 components wrapping Morris.js lib

See http://morrisjs.github.io/morris.js/ for documentation

Install

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

Examples

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

// 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

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