728x90
반응형
- [ 언어·프레임워크/Vue.js ][Vue.js] vue-chartjs에 datalabels 적용2024-10-10 10:49:251. vue-chartjs만으로는 data labels 표시할 수 없다!vue-chartjs로 렌더링 한 차트 영역에 값을 표시해야 했다. 그런데 "vue-chartjs" 라이브러리 만으로는 해결할 수 없었다. 추가로 "chartjs-plugin-datalabels" 라이브러리를 사용해야 한다. [그림 1]은 몇 번의 삽질 끝에 파낸 최종 결과물이다. 2. NPM 라이브러리 설치2-1. vue-chartjs 설치https://vue-chartjs.org/guide/#introductionnpm i vue-chartjs chart.js 2-2. chartjs-plugin-datalabels 설치https://chartjs-plugin-datalabels.netlify.app/guide/getting-st..
- [ 언어·프레임워크/Vue.js ][Vue.js] vue-chartjs를 이용해 "누적 막대 차트" 구현2022-11-12 12:07:20vue-chartjs로 "누적 막대형 차트(Stacked Bar Chart)" 구현 Vue.js 3에서 누적 막대형 차트를 구현하고자 하였다. 여러 라이브러리 중에서 vue-chartjs가 가장 무난해 보여 선택했다. https://vue-chartjs.org/guide/ Getting Started | 📈 vue-chartjs Getting Started vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. Supports Chart.js v3. Introduction vue-chartjs lets you use Chart.js without much hassle inside Vue. ..
728x90
반응형