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
설치:
Vue2에서 작동 위해 @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
- vue-chartjs
- vue-chart-3 - chart.js 3.x 지원.
- chartjs-plugin-streaming