Vuejs2 vue-chartjs doughnut center text 꿀팁 doughnut chart는 보통 가운데가 뻥 뚫려 있으니 클라이언트들이 가운데에 텍스트를 삽입 요청하는 경우가 종종 있다. 기존에 구글링으로는 fillText을 사용하여 직접 계산해서 넣는 예제가 많다. 한참 고생을 하다가 검색도중 해당 기능을 지원해주는 간편한 플러그인을 찾았다. 바로 "chartjs-plugin-doughnutlabel" 이다. www.npmjs.com/package/chartjs-plugin-doughnutlabel chartjs-plugin-doughnutlabel Chart.js plugin for doughnut chart to display lines of text in the center www.npmjs.com npm install --save chartjs-plugin.. 2021. 4. 20. Vue global import vue global import 방법입니다. 프로토타입을 이용해 vue 인스턴스 변수로 등록하면 모든 컴포넌트에서 사용할 수 있습니다. main.js import io from 'socket.io-client'; const socket = io('http://localhost:4000'); Vue.prototype.$socket = socket; dashboad.vue (컴포넌트) mounted(){ this.$socket.on("data", fetchedData => { console.log(1); }); } keyword : vue global import, vue global socket io, vue prototype, vue 글로벌, vue 전역변수, vue socket io 2021. 4. 19. 이전 1 다음
