carterbourette

Vue frappe chart

A simple Vue wrapper for Frappe Charts.

Version Version: 0.1.6 Version Updated: 02/26/2021 By: carterbourette License: MIT

DownloadsLast30Days: 105

https://github.com/carterbourette/vue-frappe-chart

npm i vue-frappe-chart
yarn add vue-frappe-chart

Vue Frappe Charts

Vue logo

npm version

This is a simple vue wrapper for the frappe/charts package.

Getting Started

Install via npm:

npm install vue-frappe-chart

Globally import / initialize:

import Vue from 'vue'
import Chart from 'vue-frappe-chart'

Vue.use(Chart)

or use the component directly:

import { VFrappeChart } from 'vue-frappe-chart'

export default {
  components: {
    VFrappeChart
  }
}

In our template:

<v-frappe-chart
    type="bar"
    :labels="['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']"
    :data="[
        { values: [18, 40, 30, 35, 8, 52, 17, -4] }
    ]"
    :colors="['red']"
/>

Resources

Categories: UI ComponentsCharts
Tags:

Copyright © 2020 vuejscomponent.com