Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork824
📊 Vue.js wrapper for Chart.js
License
NotificationsYou must be signed in to change notification settings
apertureless/vue-chartjs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
vue-chartjs is a wrapper forChart.js in Vue. You can easily create reuseable chart components.
Supports Chart.js v4.
QuickStart • Docs • Stack Overflow
Install this library with peer dependencies:
pnpm add vue-chartjs chart.js# oryarn add vue-chartjs chart.js# ornpm i vue-chartjs chart.js
Then, import and use individual components:
<template> <Bar:data="data":options="options" /></template><script lang="ts">import {ChartasChartJS,Title,Tooltip,Legend,BarElement,CategoryScale,LinearScale}from'chart.js'import {Bar }from'vue-chartjs'ChartJS.register(CategoryScale,LinearScale,BarElement,Title,Tooltip,Legend)exportdefault { name:'App', components: {Bar }, data() {return { data: { labels: ['January','February','March'], datasets: [{ data: [40,20,12] }] }, options: { responsive:true } } }}</script>
Need an API to fetch data? ConsiderCube, an open-source API for data apps.
- Reactivity
- Access to Chart instance
- Accessibility
- Migration from v4 to v5
- Migration from vue-chart-3
- API
- Examples
# install dependenciespnpm install# build for production with minificationpnpm build# run unit testspnpm test:unit# run all testspnpmtest
- Fork it (https://github.com/apertureless/vue-chartjs/fork )
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create a new Pull Request
This software is distributed underMIT license.
About
📊 Vue.js wrapper for Chart.js
Topics
Resources
License
Code of conduct
Contributing
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
Packages0
No packages published