📊 Chart.js 3 for Vue 2 and Vue 3
This package is a rewrite of vue-chartjs for Chart.js 3, but written in Typescript with Vue 3 composition api in mind.
⚠️ Breaking changes and new versions numbers
In previous versions,
vue-demi was used. It worked really well, but as the project advanced, they were a lot of problems with vue-related typescript definitions, tests and conflict between dependencies.
This new system will keep
vue-chart-3 working for both Vue 2 & 3 with designated versions (
3.x respectively), but each one designed for their specific Vue version.
Code wise, there is not big breaking changes. But the Vue 3 version will have improved type checking for components template (with Volar extension).
For Vue 3 users, nothing changes.
For Vue 2 users, you will have to keep
2.x version of
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
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-apipackage to also be installed, to provide Vue 3's Composition API features like
ref, defineComponent, computed, reactive. Vue composition-api plugin will install itself so no need to register it!