A simple Vue wrapper for Frappe Charts.

Overview

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

Owner
Carter Bourette
Gopher in training; pythonista at ♥️
Carter Bourette
Simple trend charts for Vue.js

Live Demo ?? Installation npm i vue-trend-chart ?? Usage import Vue from "vue"; import TrendChart from "vue-trend-chart"; Vue.use(TrendChart); Exampl

Dmytro Barylo 247 Dec 28, 2021
Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

Remco Plasmeijer 253 Jan 15, 2022
vue-c3 is a reusable vue component for c3 charts

vue-c3 vue-c3 is a reusable vue component for c3 charts Install npm install --save vue-c3 # and if it's not already installed: npm install --save c3

Christoph Biering 77 Dec 29, 2021
Vue.js Demos. jQWidgets Vue.js Components - Grids, Charts, Scheduling, Pivot Tables

jQWidgets Vue Components Demos You can view them online here: https://www.jqwidgets.com/vue/. Build modern Web Apps with jQWidgets and Vue. jQWidgets

jQWidgets 55 Dec 9, 2021
Vue components for d2b charts.

vue-d2b Project setup yarn install Compiles and hot-reloads for development yarn run serve Compiles and minifies for production yarn run build Run

d2b 38 Apr 8, 2021
Create beautiful JavaScript charts with one line of Vue

Vue Chartkick Create beautiful JavaScript charts with one line of Vue See it in action Supports Chart.js, Google Charts, and Highcharts Quick Start Ru

Andrew Kane 713 Jan 13, 2022
Lightweight Vue component for drawing pure CSS donut charts

vue-css-donut-chart Lightweight Vue component for drawing pure CSS donut charts Live demo Live demo can be found on the project page – https://dumptyd

Saad 122 Jan 19, 2022
A Vue component to create charts with ZingChart

Quickstart guide Quickly add charts to your Vue application with our ZingChart component This guide assumes some basic working knowledge of Vue. 1. In

ZingChart 21 Jun 26, 2021
Vue component to draw bar charts with d3 v4

vue-d3-barchart Small component to draw charts using d3 v4 Demo Demo Installation npm install vue-d3-barchart --save Usage ... <d3-barchart :da

emi 15 May 23, 2021
Generate beautiful charts with CSS and Vue: full accessibility and no hassle.

Visualization helps end-users understand data. Vue Charts.CSS helps frontend developers turn data into beautiful charts and graphs using the powerful Charts.CSS framework.

VueChartsCSS 12 Jan 13, 2022
Google Charts plugin for Vue.js

vue-charts Google Charts plugin for Vue.js Demo Basic Line Chart Multiple Sets of Data, with auto-update Events Redraw on window resize Installation n

Hayden Bickerton 195 Nov 4, 2021
Vue3-Charts is a SVG-based charting library that is very easy to use and highly customizable.

Vue3-Charts is an SVG-based charting library that is very easy to use and highly customizable

Alexandru Ghiura 60 Jan 15, 2022
VueJS module for Flexmonster Pivot Table & Charts

VueJS Module for Flexmonster Pivot Table & Charts

Flexmonster Pivot Table & Charts 15 Jan 10, 2022
📊 Interactive JavaScript Charts built on SVG

A modern JavaScript charting library that allows you to build interactive data visualizations with simple API and 100+ ready-to-use samples. Packed wi

ApexCharts 11.1k Jan 24, 2022
realtime charts with chart.js

vue-desktop-realtime-chart realtime charts with chart.js Setup Install vue-cli yarn install -g @vue/cli Initialize a project vue create vue-desktop En

null 0 Jan 20, 2022
A simple wrapper for Chart.

VueChart A simple wrapper for Chart. demo Try it out! dependencies Chart setup npm npm i @seregpie/vue-chart ES module Register the component globally

Sergej Sintschilin 24 Aug 9, 2021
vue3-chart-v2 is a wrapper for Chart.js in vue 3. You can easily create reuseable chart components. Inspired by vue-chartjs

vue3-chart-v2 vue3-chart-v2 is a wrapper for Chart.js in Vue 3. You can easily create reuseable chart components. Inspired by vue-chartjs Looking for

Vu Tran 28 Jan 19, 2022
Highcharts Vue Official Highcharts wrapper for Vue.js View Details

Highcharts-Vue Official Highcharts wrapper for Vue framework This package now supports also the Vue v3 ?? Table of Contents Getting started Requiremen

Highcharts 547 Jan 16, 2022
📊 Vue.js wrapper for Chart.js

vue-chartjs vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. Demo & Docs ?? Demo ?? Docs Compatibility

Jakub 4.6k Jan 22, 2022