Vue ChartsInstallation

AG Charts is available for download from NPM & Yarn. Once installed, you just need to import the package.

Installation Copy

Install the ag-charts-vue3 package, which also installs ag-charts-community:

npm install ag-charts-vue3

yarn add ag-charts-vue3

To use AG Charts Enterprise features, install the ag-charts-enterprise package:

npm install ag-charts-enterprise

yarn add ag-charts-enterprise

Importing Copy

Import the AgCharts component from the ag-charts-vue3 package:

import { AgCharts } from 'ag-charts-vue3';

To use AG Charts Enterprise features, import the ag-charts-enterprise package:

import 'ag-charts-enterprise';

See the Installing Enterprise Licence Key docs for more information on how to install your Enterprise or Trial licence key.

Accessing AG Charts Copy

To use AG Charts in your Vue application, return the ag-charts component with your chart options:

<template>
    <!-- The AG Charts component with chartsOptions as an attribute -->
    <ag-charts :options="options"> </ag-charts>
</template>

<script>
    setup() {
      return {
        ref<AgChartOptions>({...}),
      };
    },
</script>