vue-chart-3

📊 A simple wrapper around Chart.js 3 for Vue 2 & 3

Usage no npm install needed!

<script type="module">
  import vueChart3 from 'https://cdn.skypack.dev/vue-chart-3';
</script>

README

📊 Chart.js 3 for Vue 2 and Vue 3

sgts logo

npm version npm downloads npm downloads

This package is a rewrite of vue-chartjs for Chart.js 3, but written in Typescript with Vue 3 composition api in mind.

  • Vite.js and Nuxt 3 compatible 💯.

Documentation

Full documentation

Installation

For Vue 3

npm i vue-chart-3
#or
yarn add vue-chart-3
#or
pnpm i vue-chart-3

For Vue 2

npm i vue-chart-3@legacy
#or
yarn add vue-chart-3@legacy
#or
pnpm i vue-chart-3@legacy

Important notes

Using with Vue 3 or Vue 2

This package works with version 2.x and 3.x of Vue.

  • Vue 3 works out-of-the-box
  • Vue 2 requires @vue/composition-api package to also be installed and registered, to provide Vue 3's Composition API features like ref, defineComponent, computed, reactive.

Demos