Skip to content
Search

Vue-chart-3

lastmod 2021-10-08created 2021-09-276 edits

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

Supports chart.js 3.x.

WARNING

WARNING

As of 2021-09-29, an error occurs in production builds.

Getting started

Installation: 

yarn add vue-chart-3

To work in Vue2, @vue/composition-api is required; install it as well. 

yarn add @vue/composition-api

Add src/plugins/chart.js, then import it in main.js. 

import Vue from 'vue';

import VueCompositionAPI from '@vue/composition-api';
Vue.use(VueCompositionAPI);

import {Chart, registerables} from 'chart.js';
Chart.register(...registerables);

Adding plugins

For chartjs-plugin-streaming, add the following to src/plugins/chart.js. (Keep the import order of chartjs-adapter-moment.) 

import Vue from 'vue';

import VueCompositionAPI from '@vue/composition-api';
Vue.use(VueCompositionAPI);

import {Chart, registerables} from 'chart.js';
import 'chartjs-adapter-moment';
import ChartStreaming from 'chartjs-plugin-streaming';
Chart.register(ChartStreaming, ...registerables);

Categories

Favorite site

author Zer0 sitemap