Skip to content

Vue-chart-3

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

chart.js 3.x 지원.

WARNING

WARNING

2021-09-29 기준, Production 빌드시 에러가 발생된다.

Getting started

설치: 

yarn add vue-chart-3

Vue2에서 작동 위해 @vue/composition-api 필요, 함께 설치. 

yarn add @vue/composition-api

src/plugins/chart.js추가, 그리고, main.js import. 

import Vue from 'vue';

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

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

플러그인 추가

chartjs-plugin-streaming의 경우, src/plugins/chart.js에 다음과 같이 추가. (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