# CanvasJS Vue Charts Plugin - Official
CanvasJS [Vue Chart](https://canvasjs.com/vuejs-charts/) Plugin for creating interactive charts and graphs for your Vue.js applications. Library supports a wide range of chart types including bar, line, area, pie, doughnut, candlestick & more. It's also bundled with features like interactivity, animation, zooming / panning, exporting as image, etc.
## Important Links
- [Official Website](https://canvasjs.com/)
- [Vue Charts Demo](https://canvasjs.com/vuejs-charts/)
- [Download CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/)
- [Vue Charts Integration](https://canvasjs.com/docs/charts/integration/vuejs/)
- [Chart Documentation](https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/)
- [CanvasJS Support Forum](https://canvasjs.com/forums/)
## Installing CanvasJS Vue Charts
Install CanvasJS Vue Charts package to your Vue application via NPM.
##### Install Vue Charts via NPM
```
npm install @canvasjs/vue-charts
```
See [npm documentation](https://docs.npmjs.com/) to know more about npm usage.
##### Import Vue Chart plugin & install it
Import the Vue Charts plugin to your Vue.js application & install it.
```
import { createApp } from 'vue'
import App from './App.vue'
import CanvasJSChart from '@canvasjs/vue-charts';
const app = createApp(App);
app.use(CanvasJSChart); // install the CanvasJS Vuejs Chart Plugin
app.mount('#app');
```
##### Set the chart-options & create chart
Set the chart-options in app.vue & use 'CanvasJSChart' selector to create chart inside template tag.
```
```
#### Vue Chart with Animation
#### Vue Chart with Multiple Y-axes
#### Interactive Vue Chart
#### Vue Chart with Zooming / Panning
### Related Chart Packages
* [JavaScript Charts](https://www.npmjs.com/package/@canvasjs/charts)
* [React Charts](https://www.npmjs.com/package/@canvasjs/react-charts)
* [Angular Charts](https://www.npmjs.com/package/@canvasjs/angular-charts)
* [jQuery Charts](https://www.npmjs.com/package/@canvasjs/jquery-charts)