vue-frappe-chart

    0.1.6 • Public • Published

    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

    Keywords

    none

    Install

    npm i vue-frappe-chart

    DownloadsWeekly Downloads

    36

    Version

    0.1.6

    License

    MIT

    Unpacked Size

    5.77 kB

    Total Files

    6

    Last publish

    Collaborators

    • carterbourette